EASYUI框架说明.docx

-,interactive,'tneedtowritemanyjavascriptcode,youusuallydefinesuser-:膁使用HTML的原生标签来声明控件:艿<divclass="easyui-dialog"style="width:400px;height:200px"袅 data-options="title:'MyDialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">蚃 </div>荿芆用JS脚本来创建控件:肁<inputid="cc"style="width:200px"/>虿$('#cc').combobox({莈 url:...,蚇 required:true,螃 valueField:'id',蚂 textField:'text'蒈});-,通过改写每个控件的LOADER方法,实现DWR方法的调用。蚈代码路径:WebContent/public/jquery/easyui/,首先必须通过JQUERY语法获取对象,然后再调用对应控件的方法,例子如下:羇膂jQ('#schemaImportViewList').datagrid('loadData',data);肁jQ('#schemaImportList').datagrid('options')袈jQ('#schemeImportReload').window('open');膃袄格式:(方法名,参数[可选])螀羈薄节蕿EASYUI扩展羈在easyui的基础上,补充一些默认属性、静态数据等扩展,以后可在此JS补充羅代码路径:WebContent/public/jquery/easyui/(数据列表)蒂例子展示莁通过TABLE元素进行渲染,CLASS为“easyui-datagrid”,TH标签定义数据列表的表头膇<tableclass="easyui-datagrid"style="width:400px;height:250px"螇data-options="url:'',fitColumns:true,singleSelect:true">膄<thead>膀<tr>芇<thdata-options="field:'code',width:100">Code</th>袄<thdata-options="field:'name',width:100">Name</th>蚂<thdata-options="field:'price',width:100,align:'right'">Price</th>罿</tr>莇</thead>芅</table>莃通过JS脚本创建,必须有个TABLE载体羂<tableid="dg"></table>蒇$('#dg').datagrid({蚆url:'',袁columns:[[螀{field:'code',title:'Code',width:100},薇{field:'name',title:'Name',width:100},肆{field:'price',title:'Price',width:100,align:'right'}薃]]葿});薇蒇调用DWR类羁data-options="url:''薂蚇在dataGrid的url参