esUI组件说明文档v1.0讲义.docVIP

前台UI组件说明文档 发布日期 2015.03.27 控制级别 内部资料 制定部门 平台组 文档属性 属性 内容 用户名称： 文档标题： 前台UI组件说明文档 文档编号： 版本日期： 2015.03.27 发布版本： V1.0 适用范围： 项目组所有成员 作者： 胡翰林 文档审批 审批人 职务 审批时间 审批意见 发文编号 修订内容 版本 修正章节 日期 修正人 变更记录 v1.0 创建文档 2015-3-27 胡翰林 模板修订历史 版本 生效时间 变更概要 作者 审核 批准 前言 目的 本文档依据DSS及ITN前台改造需求而编写。该文档主要作用是明确前台组件的应用方式，为项目的实施提供技术支持与依据，保障项目的各个指标能够正常完成。 预期读者 本文档预期读者为项目组所有成员，包括：系统架构人员、系统开发人员、系统运维人员、系统测试人员等。 术语定义 简称/术语 说明 参考资料 序号 文档名称 版本号 来源 作者 1 easyUI 官方文档 概述 目标 以改造DSS与ITN为前提下抽取出公共组件，便于其他项目复用。 约束 需支持低版本浏览器（IE5，IE8） 组件说明 表格（grid） 功能描述 1.? table?id=tt/table?? ? 1.? $(#tt).datagrid({ ?? 2.? ????url:datagrid_data.json, ?? 3.? ????columns:[[ ?? 4.? ????????{field:code,title:Code,width:100}, ?? 5.? ????????{field:name,title:Name,width:100}, ?? 6.? ????????{field:price,title:Price,width:100,align:right} ?? 7.? ????]] ?? 8.? });?? 属性 名称 类型 说明 默认值 columns array datagrid 的 column 的配置对象，更多详细请参见 column 的特性。 null frozenColumns array 和列的特性一样，但是这些列将被冻结在左边。 null fitColumns boolean True 就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。 false striped boolean True 就把行条 false method string 请求远程数据的 method 类型。 post nowrap boolean True 就会把数据显示在一行里。 true idField string 标识字段。 null url string 从远程站点请求数据的 URL。 null loadMsg string 当从远程站点加载数据时，显示的提示信息。 Processing, please wait … pagination boolean True 就会在 datagrid 的底部显示分页栏。 false rownumbers boolean True 就会显示行号的列。 false singleSelect boolean True 就会只允许选中一行。 false pageNumber number 当设置了 pagination 特性时，初始化页码。 1 pageSize number 当设置了 pagination 特性时，初始化页码尺寸。 10 pageList array 当设置了 pagination 特性时，初始化页面尺寸的选择列表。 [10,20,30,40,50] queryParams object 当请求远程数据时，发送的额外参数。 {} sortName string 定义可以排序的列。 null sortOrder string 定义列的排序顺序，只能用 asc 或 desc。 asc remoteSort boolean 定义是否从服务器给数据排序。 true showFooter boolean 定义是否显示一行页脚。 false rowStyler function 返回例如 background:red 的样式，该函数需要两个参数：rowIndex： 行的索引，从 0 开始。rowData： 此行相应的记录。 ? loa