Easyui组件用法.docVIP

Easyui主要组件用法说明: combogrid用法 说明:combogrid可提供翻页列表的数据选择并可进行数据的过滤查询(查询的传人参数为q,可在控制器中获取这个参数传过来的值,下面的示例区别为单独和批量的combogrid提供的数据操作) 以下面输入框为列: 1.input type=text id=org name=org required=true class=input style=width:188px;/ 2.input type=text id=org name=org required=true class=input easyui-validatebox style=width:188px;/!—错误的写法-- 1-1:combogrid(添加) $(#org).combogrid({ onLoadError:showError, !—出错后的调用函数-- panelWidth:450, !—弹出后面板的宽度-- idField:so_id, !—存储到数据库后的值-- textField:so_name, !—选择后的可见名-- pagination:true, !—是否显示翻页导航-- rownumbers:true, !—是否显示行号-- mode:remote, !—远程调用-- url:${path}/sys/sys_orgPage.do, !—调用的翻页列表动作-- columns:[[ {field:so_name,title:机构名称,width:100}, {field:so_type,title:机构类型,width:120} ]], !—弹出后显示的列表表头-- onBeforeLoad:function(param){ !—设置refresh是否重新计算翻页总数 -- param.refresh=1; }, onSelect:function(index,data){ !—下拉选择后做其他的事情-- } }).combogrid(panel).css(overflow,hidden);!—控制某些浏览器出现双滚动条的情况-- 注意: 在表单保存时还需做如下操作: //单独添加时 if($(#org).combogrid(getValue) == $(# org).combogrid(getText)) { $(# org).combogrid(clear); $(#org).combogrid(grid).datagrid(load, {refresh:1}); } //批量添加时 var combonames = $(#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(修改) var init=false; var sel=false; $(#org).combogrid({ onLoadError:showError, !—出错后的调用函数-- panelWidth:450, !—弹出后面板的宽度-- idField:so_id, !—存储到数据库后的值-- textField:so_name, !—选择后的可见名-- pagination:true, !—是否显示翻页导航-- rownumbers:true, !—是否显示行号-- mode:remote, !—远程调用-- url:${path}/sys/sys_orgPage.do, !—调用的翻页列表动作-- columns:[[ {field:so_name,title:机构名称,width:100}, {field:so_type,title:机构类型,width:120} ]], !—弹出后显示的列表表头-- onBeforeLoad:function(param){ !—设置refresh是否重新计算翻页总数 -- param.refresh=1; }, onLoadSuccess:function(data){ !—针对单独 -- if(!init){ !—防