EasyUI-DataGrid篇

DataGrid Properties

名称 类型 描述 默认值
columns array 数据表格列配置对象,查看列属性以获取更多细节。 undefined
fitColumns boolean 设置为true将自动使列适应表格宽度以防止出现水平滚动。 false
autoRowHeight boolean 定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。 true
loadMsg string 当从远程站点载入数据时,显示的一条快捷信息。 Processing, please wait …
striped boolean 设置为true将交替显示行背景。 false
singleSelect boolean 设置为true将只允许选择一行。 false
rownumbers boolean 设置为true将显示行数。 false
nowrap boolean 设置为true,当数据长度超出列宽时将会自动截取。 true
showHeader boolean 定义是否显示行标题。 true
toolbar array,selector 顶部工具栏的数据网格面板。可能的值:1) 一个数组,每个工具选项linkbutton一样。2) 一个选择器,该选择器显示工具栏。定义工具栏在< div >标记 null
pageList array 当设置分页属性,初始化页面大小选择列表。 [10,20,30,40,50]
pageSize number 当设置分页属性,初始化页面大小。 10
pagination boolean true显示分页栏datagrid底。 false
remoteSort boolean 定义是否排序数据从服务器。 true
sortName string 定义了哪些列可以进行排序。 null
sortOrder string 定义了列的排序顺序,只能“asc’或‘desc’。 asc

Column Properties

名称 类型 描述 默认值
field string 列字段名。 undefined
title string 列标题文本。 undefined
halign string 显示如何对齐列标题。可能的值是:'left','right','center'. 如果不指定,标题对齐是相同数据对齐定义通过 'align' 属性 . 这个属性可以从版本1.3.2。 undefined
align string 显示如何对齐列数据。 'left','right','center' 可以被使用。 undefined
width number 列的宽度。如果没有定义,宽度将自动扩充以适应其内容。 undefined
rowspan number 显示多少行单元应该占用。 undefined
colspan number 显示有多少列一个单元应占据。 undefined
sortable boolean True 就允许此列被排序。 undefined

Events

名称 属性 描述
onSortColumn sort, order 当用户排序一个列,参数包含:sort:那种列字段名 order: 排序的列次序

Methods

名称 属性 描述
options none 返回 options 对象。
getPager none 返回 pager 对象
loadData data 载入本地数据,旧记录将被移除。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 左边摊开手掌,画出白色键盘。 站在一边,微微颤抖。 昨夜的衣服,嘲笑自己太彩色。 滴答滴答,路面卷起潮湿烟盒。 桥...
    钢琴别阅读 135评论 0 1
  • 一身风雨敌不过一束相思, 是爱,还是爱
    多1多2多3阅读 105评论 0 0
  • 我听见空调发出的呜呜的声音,我听见外面的嘈杂声,我感受到我的心有点紧张,我听见了自己的不安迷茫混乱!我听见了好多好...
    真与真阅读 274评论 1 1
  • 一、概念:1.定义的概念写下来, 2.描述这个概念的应用场景 二、模仿:标杆参照物内化成自己的...
    豪小阅读 161评论 0 0