EASYUI框架说明.docx

-,interactive,'tneedtowritemanyjavascriptcode,youusuallydefinesuser-:袃使用HTML的原生标签来声明控件:蒈<divclass="easyui-dialog"style="width:400px。height:200px"jLBHrnAILg肇data-options="title:'MyDialog',collapsible:true,iconCls:'icon-ok',onOpen:function(>{}">xHAQX74J0X羅 </div>蕿用JS脚本来创建控件:芆<inputid="cc"style="width:200px"/>莅$('#cc'>.combobox({腿 url:...,芇 required:true,莄 valueField:'id',袄 textField:'text'袀}>。-,通过改写每个控件的LOADER方法,实现DWR方法的调用。LDAYtRyKfE葿代码路径:WebContent/public/jquery/easyui/,首先必须通过JQUERY语法获取对象,然后再调用对应控件的方法,例子如下:Zzz6ZB2Ltk芇jQ('#schemaImportViewList'>.datagrid('loadData',data>。dvzfvkwMI1膇jQ('#schemaImportList'>.datagrid('options'>肂jQ('#schemeImportReload'>.window('open'>。肁格式:<方法名,参数[可选])芈EASYUI扩展芆在easyui的基础上,补充一些默认属性、静态数据等扩展,以后可在此JS补充螅代码路径:WebContent/public/jquery/easyui/<数据列表)莀例子展示蒄通过TABLE元素进行渲染,CLASS为“easyui-datagrid”,TH标签定义数据列表的表头rqyn14ZNXI芅<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:'ri