DataGrid

作者:  最后修改:2013年10月09日  浏览数:1839

描述

  DataGrid,数据表格组件,可编辑行、可拖拽排序、可调整列宽、可展示树结构数据,并提供分页、导出excel等功能,页面内由标签生成html及进行初始化

标签语法

标签属性

属性名 属性值 描述
id String str DataGrid的id值
method String str 返回数据的后台方法,当用户访问这个页面,该方法被执行以便填充表格数据
sortend String str 拖动后执行的方法
autopagesize true/false 每页的数据条数是否适应容器
autoFill true/false 是否自动修改每页条数,以适应界面显示,默认为true
page true/false 可选值为true或false,是否翻页
size Number 每页显示记录数
multiSelect true/false 可选值为true或false,是否为多选
scroll true/false 是否允许有滚动条,默认为true
lazy true/false 是否在单独调用loadData方法前,不载入数据

 

  DataGrid包含的标签主要有3部分,表头(行属性ztype="head")、数据行和分页行(行属性ztype="pagebar"),其中表头主要显示表格的列名称,列属性ztype参数允许值:RowNo行号、selector多选框、tree树结构,如果需要拖拽,请添加drag="true"。数据行循环显示数据,通过${字段名}显示指定字段的名称,可以进行随意组合,如${tel}/${mobile};在数据行可以添加onDblClick响应的函数来实现编辑功能。也可使用下面第一个表格的代码方法设置修改后的数据值,分页行提供分页条的显示