EasyUI问题小结(不定期更新·······)

Posted 爱睡觉的程序猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)列表初始化:

          

 1 $("#grid").datagrid({
 2    loading:‘加载中...‘,//提示信息
 3    width:‘100%‘,
 4    height:‘100%‘,
 5    pageSize:10,//每页显示条数
 6    pageList:[10,30,50],
 7    nowrap:false,
 8    striped:true,
 9    fitColumns:true,
10    fit:true,
11    url:‘url‘,//请求的数据地址
12    method:‘post‘,
13    idField:‘Id‘,//数据表的主键
14    singleSelect:true,//是否为单选
15    columns:[jsonColumn],//要绑定的字段信息
16    toolBar:toolBar,//工具栏
17    pagination:true,//是否分页
18    rownumbers:true,//是否显示行号
19    onLoadError:function(){
20        alert("加载失败!");
21   }
22 });

 

   (2)多选复选框分页后选中保留

 

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

 

   (3)加载后项默认选中

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

 

   (4)列表右键菜单功能

 1 添加如下代码:
 2    onRowContenxtMenu:function(e,rowIndex,rowData){
 3        if(rowData!=null){
 4            e.preventDefault();
 5            $(this).datagrid("selectRow",rowIndex);
 6            $("#gird").menu(‘show‘,{
 7                   left:e.pageX,
 8                   top:e.pageY
 9            });
10            e.preventDefault();
11      }
12   }

 

 

   

以上是关于EasyUI问题小结(不定期更新·······)的主要内容,如果未能解决你的问题,请参考以下文章

学习sass小结(不定期更新补充...)

3.16课·········小结

基于easyui的CMS系统的小结

easyui的datagrid分页写法小结

jquery easyui treegrid使用小结 二

兼容性问题的解决方式(更新中···)