easyUI组件说明文档v1.0

《easyUI组件说明文档v1.0》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、盘锦福瑞电子科技有限公司前台UI组件说明文档发布日期2015.03.27控制级别内部资料制定部门平台组r文档属性属性内容u用户名称：uu文档标题：u前台UI组件说明文档u文档编号：uu版本日期：u2015.03.27u发布版本：uV1.0u适用范围：u项目组所有成员u作者：u胡翰林r文档审批审批人职务审批时间审批意见发文编号uuuuuuuuuur修订内容版本修正章节日期修正人变更记录uv1.0u创建文档u2015-3-27u胡翰林uuuuuuuuuuuuuuuur模板修订历史Add：中国·辽宁·盘

2、锦兴隆台区双兴中路115号Tel：0427-2883556Http：www.liaoheoilfield.com/index.aspPost：124010盘锦福瑞电子科技有限公司版本生效时间变更概要作者审核批准uuuuuuuuuuuuuuuuuuuuuuuu前言目的本文档依据DSS及ITN前台改造需求而编写。该文档主要作用是明确前台组件的应用方式，为项目的实施提供技术支持与依据，保障项目的各个指标能够正常完成。预期读者本文档预期读者为项目组所有成员，包括：系统架构人员、系统开发人员、系统运维人员、

3、系统测试人员等。术语定义简称/术语说明参考资料序号文档名称版本号来源作者1easyUI官方文档Add：中国·辽宁·盘锦兴隆台区双兴中路115号Tel：0427-2883556Http：www.liaoheoilfield.com/index.aspPost：124010盘锦福瑞电子科技有限公司概述目标以改造DSS与ITN为前提下抽取出公共组件，便于其他项目复用。约束需支持低版本浏览器（IE5，IE8）组件说明表格（grid）功能描述：以表格的形式展现数据，支持多选、单选、行编辑、分页、排序、自动缩

4、进列宽、自定义列样式等功能。示例Add：中国·辽宁·盘锦兴隆台区双兴中路115号Tel：0427-2883556Http：www.liaoheoilfield.com/index.aspPost：124010盘锦福瑞电子科技有限公司1.    1. $('#tt').datagrid({  2.     url:'datagrid_data.json',  3.     columns:[[  4.         {field:'code',titl

5、e:'Code',width:100},  5.         {field:'name',title:'Name',width:100},  6.         {field:'price',title:'Price',width:100,align:'right'}  7.     ]]  8. });  属性名称类型说明默认值columnsarraydatagrid的column的配置对象，更多详细请参见column的特性。nullfrozenColumnsarray和列的特性一样，但是

6、这些列将被冻结在左边。nullfitColumnsbooleanTrue就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。falsestripedbooleanTrue就把行条纹化。（即奇偶行使用不同背景色）falsemethodstring请求远程数据的method类型。postAdd：中国·辽宁·盘锦兴隆台区双兴中路115号Tel：0427-2883556Http：www.liaoheoilfield.com/index.aspPost：124010盘锦福瑞电子科技有限公司nowra

7、pbooleanTrue就会把数据显示在一行里。trueidFieldstring标识字段。nullurlstring从远程站点请求数据的URL。nullloadMsgstring当从远程站点加载数据时，显示的提示信息。Processing,pleasewait…paginationbooleanTrue就会在datagrid的底部显示分页栏。falserownumbersbooleanTrue就会显示行号的列。falsesingleSelectbooleanTrue就会只允许选中一行。false

8、pageNumbernumber当设置了pagination特性时，初始化页码。1pageSizenumber当设置了pagination特性时，初始化页码尺寸。10pageListarray当设置了pagination特性时，初始化页面尺寸的选择列表。[10,20,30,40,50]queryParamsobject当请求远程数据时，发送的额外参数。{}sortNamestring定义可以排序的列。nullsortOrderstring定义列的排序顺序，只能用'asc'或'des