EASYUI框架说明.docx

EASYUI框架说明
技术框架概述
jQueryEasyUIframeworkhelpyoubuildyourwebpageeasily.
easyuiisacollectionofuser-interfacepluginbasedoht'">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参数中写上：“”
：“MAPPARAEMS”
分页查询时，PARAMS中的参数rows为每页显示的调试，page是第几页
（不分页）（分页）
手工可以调用datagrid的load方法加载数据（后面的是查询参数）$（'#dg'）.datagrid（'load,,{
code:'01',
name:'name01'
}）；
手工加载数据
通过loadData方法可以不需要url参数，加载JS对象数据
varcallBack=function(reply){
vardata=();jQ('#schemaImportViewList')・datagrid('loadData',data);
};
Ajax・getSy()・remoteCall('RptNewService','viewImportSql',[selections],callBack);
数据列的静态数据
在展示列中增加code属性，会自动把编码翻译成中文名
图表1界面展示
执行周期
统计维度编码
每月
:迂e：=l_1
每月
每月
；±f&a_l.；ii-ea_£.ar已迫_；3
每月
:it-&a_lf:辽总注./：=q-e=i_Jf:ai-pa_4
每月
date_l
Iivstyles11height:350px">
<tableid="schemaimportL1st"data-options=,-tooLbarrp#t£?1"classs^easyui-<<thead>
<tr>
<thfield="wport_c>cte"widths"4e"code='IMPOR匸CYCW汕亍「<thfield="dim_codes"width="阳”》统
<thfieldsHdim_nofflesrrwidths'r30rr>^i-：:^</tli>
<thfields"±Ji£m<7pNwidth