Easyui组件用法

《Easyui组件用法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Easyui主要组件用法说明:1.combogrid用法说明:combogrid可提供翻页列表的数据选择并可进行数据的过滤查询(查询的传人参数为q,可在控制器中获取这个参数传过来的值,下面的示例区别为单独和批量的combogrid提供的数据操作)以下面输入框为列:1.2.

2、puteasyui-validatebox"style="width:188px;"/>1-1:combogrid(添加)$("#org").combogrid({onLoadError:showError,panelWidth:450,idField:'so_id',textField:'so_name',pagination:true,rownumbers:true,

3、mode:'remote',url:'${path}/sys/sys_orgPage.do',columns:[[{field:'so_name',title:'机构名称',width:100},{field:'so_type',title:'机构类型',width:120}]],onBeforeLoad:function(param){param.refresh="1";},onSelect:function(index,

4、data){}}).combogrid("panel").css("overflow","hidden");注意:在表单保存时还需做如下操作://单独添加时if($('#org').combogrid("getValue")==$('#org'').combogrid("getText")){$('#org'').combogrid("clear");$("#org'").combogrid("grid").datagrid("load",{"refresh":"1"});}/

5、/批量添加时varcombonames=$("#input[comboname=org]");$.each(combonames,function(i,j){if($(j).combogrid("getValue")==$(j).combogrid("getText")){$(j).combogrid("clear");$(j).combogrid("grid").datagrid("load",{"refresh":"1"});}});主要是为了防止用户恶意输入列表中不存在的数据,以及清空不存在的数据后重新加载翻页列表1-2:combogrid(修改)

6、varinit=false;varsel=false;$("#org").combogrid({onLoadError:showError,panelWidth:450,idField:'so_id',textField:'so_name',pagination:true,rownumbers:true,mode:'remote',url:'${path}/sys/sys_

7、orgPage.do',columns:[[{field:'so_name',title:'机构名称',width:100},{field:'so_type',title:'机构类型',width:120}]],onBeforeLoad:function(param){param.refresh="1";},onLoadSuccess:function(data){if(!init){sel=fal

8、se;init=true;$(thi