暂时保存下代码

<?php $tm=eregi_replace(".","", microtime(true))?>
<div id="6677_datagrid_<?=$tm?>"style="padding:5px"></div>

<div id="6677_reecontrol_win_<?=$tm?>">
    <form id="6677_reecontrol_<?=$tm?>" method="post">
        <table border="0" width="100%">
            <tr>
                <td width="100">控件类型:</td>
                <td>
                        <select class="easyui-combobox" name="ca_type" >
                            <option value="6">复选框</option>
                            <option value="7">单选框</option>
                            <option value="5">下拉菜单</option>
                        </select>                
                </td>
            </tr>
            <tr>
                <td width="100">控件名称:</td>
                <td><input class="easyui-validatebox" type="text" name="ca_name" data-options="required:true,validType:'length[2,32]'"></input></td>
            </tr>
            <tr>
                <td width="100" valign="top">控件描述:</td>
                <td><input class="easyui-validatebox" type="text" name="ca_descr" data-options="required:true,validType:'length[0,32]'"></input></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交新建" ></td>
            </tr>
        </table>
    </form>
</div>  

<div id="6677_Modifythecontrol_<?=$tm?>">
    <form id="6677_Modify_<?=$tm?>" method="post">
        <table border="0" width="100%">
            <tr>
                <td width="100">控件类型:</td>
                <td>
                        <select class="easyui-combobox" name="ca_type" id="6677_ca_type_<?=$tm?>">
                            <option value="6">复选框</option>
                            <option value="7">单选框</option>
                            <option value="5">下拉菜单</option>
                        </select>                
                </td>
            </tr>
            <tr>
                <td width="100">控件名称:<input type="hidden" name="ca_id" id="6677_ca_id_<?=$tm?>" value=""></td>
                <td><input class="easyui-validatebox" type="text" name="ca_name" id="6677_ca_name_<?=$tm?>" data-options="required:true,validType:'length[2,32]'"></input></td>
            </tr>

            <tr>
                <td width="100" valign="top">控件描述:</td>
                <td><input class="easyui-validatebox" type="text" name="ca_descr" id="6677_ca_descr_<?=$tm?>" data-options="required:true,validType:'length[0,32]'"></input></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交新建" ></td>
            </tr>
        </table>
    </form>
</div>

<div id="7788_sorting_win_<?=$tm?>"></div>

<script>
  $('#6677_datagrid_<?=$tm?>').datagrid({
    fit: true,//自适应父窗口大小
    rownumbers:'true',
    striped: true,//隔行变色
    sortOrder: 'desc',//排序规则只能是'asc'或'desc'。默认asc。
    remoteSort: false,//服务器端排序
    singleSelect:'true',//单项
         border:'false',
    url:'http://testui.com/index.php/admin/category/ajaxGetComponentList',
    loadMsg:'正在加载数据请稍后...',
    frozenColumns:[[//冻结固定设置数据绑定
            {field:'ca_name',title:'控件名称',150}
    ]],

      columns:[[//设置数据绑定
        {field:'compontenname',title:'控件类型',150,sortable:true},
            {field:'ca_value',title:'控件值',150,sortable:true}
    ]],
      loadFilter: function(data)
     {
         var data    = errorHandler(data);
         return data['data'];
     },
     toolbar:[{
                     text:'增加属性',
                      iconCls:'icon-remove',
                      handler:function(){
                         $('#6677_reecontrol_<?=$tm?>').form({//对表单进行渲染
                              url:'http://testui.com/index.php/admin/6677/ajaxUpComponent',
                              onSubmit: function(){
                                   return $(this).form('validate');//对表单进行验证
                              },
                              success:function(data){
                                    var data    = errorHandler(data);
                                    if(data['code'] == 0){//获得后台json的消息代码判断是否成功
                                         $('#6677_datagrid').datagrid('reload');//刷新数据
                                         $.messager.alert("OK","编辑成功");
                                         $('#6677_reecontrol_<?=$tm?>').form('clear');
                                         $('#6677_reecontrol_win_<?=$tm?>').window('close');
                                        }
                              }
                            });
                         winDiv("增加属性","300","150","6677_reecontrol_win_<?=$tm?>","icon-add");
                      }


     },{
          text:'删除属性',
          iconCls:'icon-remove',
          handler:function(){
              var row = $('#6677_datagrid_<?=$tm?>').datagrid('getSelected');//获取单选值
                  if(row == null){
                      $.messager.alert("提示","请选择要删除的控件!");  
                  }else{
                      $.messager.confirm("提示","确认删除?",function(r){
                                if(r){
                                    $.ajax({
                                        url:'http://testui.com/index.php/admin/6677/ajaxChangeComponentState/'+row.id,
                                        datatype: "text",
                                        success: function(data) {
                                            var data    = errorHandler(data);
                                            if(data['code'] == 0){//获得后台json的消息代码判断是否成功
                                       $('#6677_datagrid_<?=$tm?>').datagrid('reload');//刷新数据
                                                 $.messager.alert("OK","删除成功");
                                             }
                                        }
                                    });
                                }
                          }
                        );
                  }
          }
      },{
          text:'修改属性',
          iconCls:'icon-edit',
          handler:function(){
              var row = $('#6677_datagrid_<?=$tm?>').datagrid('getSelected');//获取单选值
                    if(row == null){
                             $.messager.alert("提示","请选择控件")
                    }else{
                         $("#6677_ca_name_<?=$tm?>").val(row.ca_name);
                         $("#6677_ca_descr_<?=$tm?>").val(row.ca_descr);
                         $("#6677_ca_id_<?=$tm?>").val(row.id);
                         $('#6677_ca_type_<?=$tm?>').combobox('select',row.ca_type)//设置选中的值
                          $('#6677_Modify').form({//对表单进行渲染
                             url:'http://testui.com/index.php/admin/6677/ajaxUpComponent/'+row.id,  ///参数
                              onSubmit: function(){
                                return $(this).form('validate');//对表单进行验证
                              },
                            success:function(data){
                                var data    = errorHandler(data);
                                  if(data['code'] == 0){//获得后台json的消息代码判断是否成功
                                         $('#6677_datagrid_<?=$tm?>').datagrid('reload');//刷新数据
                                         $.messager.alert("OK","修改属性成功");
                                         $('#6677_Modifythecontrol_<?=$tm?>').window('close');
                                    }
                                }
                            });
                        winDiv("修改属性","300","150","6677_Modifythecontrol_<?=$tm?>","icon-add");
                }
          }
      },{
          text:'属性排序',
          iconCls:'icon-remove',
            handler:function(){
              var row = $('#6677_datagrid_<?=$tm?>').datagrid('getSelected');//获取单选值
              if(row == null){
                  $.messager.alert("提示","请选择您要排序的分类","warning");
              }else{
                  $('#7788_sorting_win_<?=$tm?>').dialog({   
                          title: '排序',   
                          350,  
                        closed: false,   
                       cache: false,   
                          href: '7788.php',
                          modal: true,
                          onLoad:function(){
                           $('#a_sorting_form').form({
                               url:'http://testui.com/index.php/admin/category/ajaxChangeCategorySort',
                               onSubmit: function(){
                                   return $(this).form('validate');//对表单进行验证
                               },
                               success:function(data){
                                   var data    = errorHandler(data);
                                       if(data['code'] == 0){//获得后台json的消息代码判断是否成功
                                        $('#category_tree').treegrid('reload');//刷新数据
                                        $('#ca_sorting_win').dialog('close');//添加成功后关闭窗口
                                        $.messager.alert("OK","修改成功");
                                    }
                               }
                           });
                        },
                          buttons:[{
                             text:'确定',
                             iconCls:'icon-ok',
                             handler:function(){
                                 $('#a_sorting_form').submit();
                             }
                         }]
                    });
              }
          }
      }]
  });
</script>