EASYUI框架说明.docx

Forpersonaluseonlyinstudyandresearch;-,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