EasyUI问题小结（不定期更新·······）

项目中用到了EasyUI，本人以前也没用过，故记录下来开发过程中遇到的一些问题。

1.combobox取值赋值的问题

   取值： $("#comID").combobox('getValue');

   赋值： $.post('url',data,function(result){ $("#comID").combobox({  data:result, valueFiled:'id', textFiled:'text',editable:false, }); })

2.DataGrid问题合集

   （1）列表初始化：

          

$("#grid").datagrid({
   loading:'加载中...',//提示信息
   width:'100%',
   height:'100%',
   pageSize:10,//每页显示条数
   pageList:[10,30,50],
   nowrap:false,
   striped:true,
   fitColumns:true,
   fit:true,
   url:'url',//请求的数据地址
   method:'post',
   idField:'Id',//数据表的主键
   singleSelect:true,//是否为单选
   columns:[jsonColumn],//要绑定的字段信息
   toolBar:toolBar,//工具栏
   pagination:true,//是否分页
   rownumbers:true,//是否显示行号
   onLoadError:function(){
       alert("加载失败！");
  }
});

 

   （2）多选复选框分页后选中保留

 

1.当 singleSelect设置为true时，给上面的那些个属性代码加上这两个：
  1 checkOnSelect:false,
selectOnCheck:false,
2.也可以设置 multiple:true
 这两个方法都必须设置idField,并且该值为数据库中真实存在的字段。

 

   （3）加载后项默认选中

添加一个onLoadSuccess:function(row){
          var  rlist=data.split(',');//你要比对的数据值
          var  Rows=row.rows;
          for(var i=0;i<rlist.length;i++){
            $.each(Rows,function(index,item){
                  if(item.Id==rlist[i]){
                      $("#grid .datagrid-row[datagrid-row-index="+index+"] input[type='checkbox']").attr("checked","checked");
                }
            });
        }
   }

 

   （4）列表右键菜单功能

添加如下代码：
   onRowContenxtMenu:function(e,rowIndex,rowData){
       if(rowData!=null){
           e.preventDefault();
           $(this).datagrid("selectRow",rowIndex);
           $("#gird").menu('show',{
                  left:e.pageX,
                  top:e.pageY
           });
           e.preventDefault();
     }
  }