Kendo-UI学习 数据表格grid属性说明（一）
kendoUI-Grid属性说明：
allowCopy： Boolean | Object 是否启用表格复制，该属性默认为false,标识禁用复制功能。设置为true时，可以使用鼠标选中需要的表格数据进行复制。
altRowTemplate：String | function 是否启用自定义表格行级样式模版，可以自定义需要显示的表格样式。
autoBind: Boolean 是否启用自动绑定数据，默认为true,设置为false时需要手动调用read()或者page()方法进行数据绑定。
columnResizeHandleWidth: Number 设置列可调整的宽度大小。
filterable：是否在表头启用筛选功能 
如图中显示的筛选图标，默认为false,禁用筛选功能。在设置为true的时候可以配置更多筛选设置。
columns: Array 表格列属性配置，在该配置中可以对显示的各列进行单独的配置，包括列的类型，模版显示，格式化，数据校验等。
field：String 表格列对应的数据源中的列名，和对应的数据源绑定，显示对应的数据。title：String 表格头部显示的列名。width：Number 列的宽度。template: String | function 可以设置列的显示样式，也可以在该属性中过滤数据。attributes: Object 在属性可以为列添加class 和 style。editor: function 官方定义：提供一种方法来指定该列的自定义编辑UI。使用容器参数创建编辑UI。在使用过程中发现，在编辑数据时会根据该方法对数据进行分装。如该列为字典列，数据源与字典互相对应，该列在显示的时候应该显示字典而不是数据源数据，该方法可以解决这类问题。filterable：Boolean ｜Object 该配置可以将表级筛选进行关闭。command: String | Array 设置列的按钮。系统默认两种按钮 edit编辑，destroy删除，其他的按钮需要自定义生成。
columnMenu：Boolean ｜ Object 默认为false; 设置为true的时候表头上会显示列操作的菜单图标。如图，点击菜单按钮后会出现多个列操作，包括排序，和筛选及列的显示隐藏功能。
dataSource: Object | Array | kendo.data.DataSource 数据源，表格显示数据在这里设置。kendo.data.DataSource 为kendoUI数据源配置对象,该对象中可以配置表格的数据源各种操作后台请求路径，包括读取,添加，删除，更新等固定的方法，也可以定义自己的独有的列的操作方法。
editable: Boolean | Object 该属性可以定义列数据是否可以编辑。 默认为false,不可编辑。当设置为true时，可以通过内部属性来配置编辑模式，行内编辑，弹出层编辑 以及 列编辑。
height: Number 定义表格的高低。
resizable：Boolean 该属性默认为false,表示禁止拖动列，设置为true的时候，可以通过拖动列来改变列的宽度。
scrollable : Boolean| Object 是否出现滚动条，默认为false。
selectable ：Boolean | String 选中表格的设置，默认false禁止选中，字符串‘row’表示可以选中一行，‘cell’ 表示可以选中一列，‘multiple, row’表示可以选中多行，‘multiple, cell’表示可以选中多列。
reorderable：Boolean 默认false禁止改变列的顺序。设置为true时可以拖动列来改变列的显示顺序。
pageable: Boolean | Object 分页属性配置，默认为false不起用分页，当设置为true时，则需要配置分页相关的属性。
pageSize：Number 列表显示多少行。pageSizes：Boolean｜Array 区别于上一个属性，此属性设置是否启用分页下拉工具，可以在前端动态控制分页数据。可以显示分页下拉框。或者可以自定义分页下拉数据。如：pageSizes: [2, 3, 4, "all"]。numeric：Boolean 是否显示分页页码图标。如图中红色线标识的页码，如果设置为false则不显示页码，如果设置为true 则显示页码。alwaysVisible：boolean 是否在列表数据没有达到分页时显示分页组件。默认为true显示，当设置为false时，如果列表数据小于分页设置数据–pageSize则不显示分页组件。input: boolean 是否显示跳转页码输入框。默认为false不显示，当设置为true时，显示跳转输入框，如图可以输入页码，敲击回车键，跳转到输入页面。previousNext：boolean 是否显示上一页、下一页、首页、尾页等图标。默认true显示。如果设置为false则不显示。refresh：boolean 是否显示刷新按钮，默认为false不显示。 如图中的刷新按钮，设置为true则显示刷新按钮。info: boolean 是否显示分页数据，默认为true显示，messages: Object 定义分页组件的消息提示格式及文本信息。例如列表数据请求为空，则配置empty：‘无数据’，当请求结束会弹出此消息。也可以对分页数据信息进行文本编辑，显示对于的文本信息。
rowTemplate : String ｜Function 可以自定义行的显示模版。如：
rowTemplate: '<tr data-uid="#= uid #"><td colspan="2"><strong>#: name #</strong><strong>#: age #</strong></td></tr>'。
sortable：boolean ｜Object 是否启用表头排序功能。默认为false禁用。当设置为true时，点击表头可以进行倒序及正序排列。如图点击表头后会显示当前此列的排序图标。
toolbar ：String | Array | Function 设置列表上方的按钮。可以在表格上方设置按钮及其他显示内容。 如图可以定义按钮。和行级按钮有重复效用。
Kendo-UI学习 数据表格grid属性说明（一）相关推荐
- layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表，并实现动态更新
layui学习--数据表格嵌套下拉列表,并实现动态更新 项目中有些字段的数据为固定的几个值,这些字段在数据表格中显示为汉字,但在数据库中以数字形式存储,例如:仓库属性(0:普通仓/1:检验仓/2:报废 ...
- JQuery Easy Ui dataGrid 数据表格 --转
转至: http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html#events 数据表格 - DataGrid 内容 概况 使用方法 ...
- HTML5 Web app开发工具Kendo UI Web中Grid网格控件的使用
Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的J ...
- UI组件库Kendo UI for Vue中文入门指南（二）
在本文中,您将通过构建一个包含 Grid.DropDownList.Window 和设计主题的小应用程序来学习如何使用Kendo UI for Vue组件. Kendo UI最新官方正式版下载 5. ...
- Kendo UI Web教程分享
2019独角兽企业重金招聘Python工程师标准>>> Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件 ...
- Kendo UI Web教程大全
HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML5 Web app开发工具Kendo UI Web教程:AutoComplete功能解析 HTML5 Web ...
- Kendo UI Web 教程大全
http://blog.csdn.net/BTfan123/article/details/22928019 HTML5 Web app开发工具Kendo UI Web教程:颜色拾取器的使用 HTML ...
- Kendo UI Web教程系列
Kendo UI Web是著名软件开发商Telerik的产品,包含数百个创建HTML5 web app的必备元素,包括UI组件.数据源.验证.一个MVVM框架.主题.模板等. 下面盘点了Kendo U ...
- EasyUI DataGrid DetailView（数据表格详细展示带子表格）
Mark一下EASY UI 的数据表格详细展示使用记录. 第一步:创建页面布局 这一步主要是引用Easy UI的JS,除了easyui.min.js还有datagrid-detailview.js & ...
最新文章
- 如何找出数组中第二大的数
- 图解 SQL 里的各种 JOIN
- 创建数据库连接字符串的快截方法
- Linux 文件与目录管理+用户管理命令（详解+练习）
- 想让数据分析更简便，怎能少了它！
- PHP数据结构之四 一元多项式的相加PHP单链实现
- jQuery 使用收集
- c语言实验报告大气,dsp实验报告心得体会
- 必读的Python入门书籍，你都看
- vs code 开发企业级python_怎样在vs code上搭建python环境?
- 嵌入式linux 中文输入法,基于嵌入式Linux的汉字输入法
- pbrt源码中用全主元消去法求矩阵逆的实现
- win10安装steam有损计算机,Win10专业版无法安装steam软件怎么办？
- 2000坐标系和WGS84的关系
- 软件测试技术课后习题：第9章软件测试自动化-广东高等教育出版社，主编杨胜利
- ORA-01017 ORA-02063: preceding 2 lines from SQLEMR
- python微博评论情感分析_用python对鹿晗、关晓彤微博进行情感分析
- 双矩阵对策MATLAB,带有模糊收益的双矩阵对策研究
- 单片机学习笔记-数码管的显示
- 华为AppEngine学习