1、属性

Name Type Description Default
title string The datagrid panel title text. DataGrid的面板标题文字。 null
iconCls string A CSS class that will provide a background image to be used as the header icon. 一个CSS类，将提供一个背景图片作为标题图标。 null
border boolean True to show datagrid panel border. 真到DataGrid中显示面板的边界。 true
width number The width of datagrid width. 宽度的DataGrid的宽度。 auto
height number The height of datagrid height. 该数据网格的高度的高度。 auto
columns array The datagrid columns config object, see column properties for more details. DataGrid的列的配置对象，看到更多的细节列属性。 null
frozenColumns array Same as the columns property, but the these columns will be frozen on left. Columns属性相同，但将这些列左冻结。 null
striped boolean True to stripe the rows. True 条纹行。 false
method string The method type to request remote data. 该方法要求远程数据类型。 post
nowrap boolean True to display data in one line. 真正显示在同一行数据。 true
idField string Indicate which field is an identity field. 说明哪些字段是一个标识字段。 null
url string A URL to request data from remote site. 一个URL请求从远程站点的数据。 null
loadMsg string When loading data from remote site, show a prompt message. 当从远程站点加载数据，显示一个提示信息。 Processing, please wait … 处理中，请稍候…
pagination boolean True to show a pagination toolbar on datagrid bottom. True展现出对DataGrid的底部分页工具栏。 false
rownumbers boolean True to show a row number column. True显示行号列。 false
singleSelect boolean True to allow selecting only one row. True只允许选择一行。 false
fit boolean True to set size to fit it’s parent container. True设置大小，以适应它的父容器。 false
pageNumber number When set pagination property, initialize the page number. 当设置分页属性，初始化的页码。 1
pageSize number When set pagination property, initialize the page size. 当设置分页属性，初始化的页面大小。 10
pageList array When set pagination property, initialize the page size selecting list. 当设置分页属性，初始化的页面大小选择清单。 [10,20,30,40,50]
queryParams object When request remote data, sending additional parameters also. 当请求，远程数据发送额外的参数也。 {}
sortName string Defines which column can be sorted. 可排序的列定义。 null
sortOrder string Defines the column sort order, can only be ‘asc’ or ‘desc’. 定义的列的排序顺序，只能是’递增’或’递减’。 asc

2、事件

Name Parameters Description
onLoadSuccess none Fires when remote data is loaded successfully. 触发时，远程数据加载成功。
onLoadError none Fires when some error occur to load remote data. 触发发生时的一些错误加载远程数据。
onClickRow rowIndex, rowData Fires when user click a row, the parameters contains: 触发时，用户点击一个行，参数包括：
rowIndex: the clicked row index, start with 0 rowIndex：单击的行的索引，从0开始
rowData: the record corresponding to the clicked row rowData：记录点击相应的行
onDblClickRow rowIndex, rowData Fires when user dblclick a row, the parameters contains: 当用户触发的DblClick一排，参数包括：
rowIndex: the clicked row index, start with 0 rowIndex：单击的行的索引，从0开始
rowData: the record corresponding to the clicked row rowData：记录点击相应的行
onSortColumn sort, order Fires when user sort a column, the parameters contains: 当用户触发排序列，参数包括：
sort: the sort column field name 排序：排序列字段名称
order: the sort column order 订购：排序列顺序
onSelect rowIndex, rowData Fires when user select a row, the parameters contains: 触发时，用户选择一行，参数包括：
rowIndex: the selected row index, start with 0 rowIndex：选定行的索引，从0开始
rowData: the record corresponding to the selected row rowData：记录对应到选定的行
onUnselect rowIndex, rowData Fires when user unselect a row, the parameters contains: 触发时，用户取消选择一个行，参数包括：
rowIndex: the unselected row index, start with 0 rowIndex：没有被选中的行的索引，从0开始
rowData: the record corresponding to the unselected row rowData：记录对应的未选中行

3、方法

Name Parameter Description
options none Return the options object. 返回的选择对象。
resize none Do resize and do layout. 做调整，做布局。
reload none Reload the rows. 重新加载行。
fixColumnSize none fix columns size. 大小固定栏目。
loadData param Load local data, the old rows will be removed. 加载本地数据，旧的行会被删除。
getSelected none Return the first selected row record or null. 返回第一个选中行的记录或空。
getSelections none Return all selected rows, when no record selected, am empty array will return. 返回所有选定行，选择时没有记录，我将返回空数组。
clearSelections none Clear all selections. 清除所有选择。
selectRow index Select a row, the row index start with 0. 选择一个行，行索引以0开始。
selectRecord idValue Select a row by passing id value parameter. 选择一列由ID值传递参数。
unselectRow index Unselect a row. 取消选择1行。

JQuery EasyUI DataGrid相关推荐

  1. jquery easyui dataGrid动态改变排序字段名

    2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...

  2. jQuery EasyUI datagrid实现本地分页的方法

    本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重 ...

  3. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  4. jQuery EasyUI DataGrid 分页 FOR ASP.NET

    源代码: 前台(html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  5. 让jquery easyui datagrid列支持绑定嵌套对象

    嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...

  6. jquery easyui datagrid 分页 详解

    http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...

  7. jQuery EasyUI datagrid本地分页

    2019独角兽企业重金招聘Python工程师标准>>> 代码如下: <!DOCTYPE html> <html> <head> <meta ...

  8. ThinkPHP+jQuery EasyUI Datagrid查询数据的简单处理

    ThinkPHP和jQuery EasyUI这两个都是不错的框架,现在要把它两个整合到一块,做个简单的Ajax调用查询. 在ThinkPHP模板中引入EasyUI的相关文件,然后设置按钮3的调用: & ...

  9. Jquery Easyui Datagrid创建代码

    引用easyui <link rel="stylesheet" type="text/css" href="../themes/default/ ...

  10. jquery easyui datagrid view detailview 使用

    要用jquery easyui实现下图这种可打开列表的形式 (此图截于easyui的api中) 要实现这种主从显示效果就要用到datagrid中的属性view:detailview和事件onExpan ...

最新文章

  1. php 错误传递,php-调用时通过引用传递错误,无法修复代码
  2. scrapy抓取淘宝女郎
  3. 干货收藏！Python完整代码带你一文看懂抽样
  4. android 返回图标布局,Android 开发BottomNavigationView学习
  5. 【Flink】Flink key 应该分配到哪个 KeyGroup 以及 KeyGroup 分配在哪个subtask
  6. complete_code_Chapter1
  7. velocity map list 数组操作
  8. mongo小结和使用示例
  9. c语言程序关键字查询,C语言关键字大全(共32个)
  10. Unity 3D ScrollView控件（滚动视图）
  11. 35岁是继续做测试，还是回家送外卖？
  12. 汉字按笔画书写 生成动画 ，svg (使用Hanzi Writer)
  13. 卸载 Creative Cloud 桌面应用程序（macOS、Windows）
  14. 巴菲特致股东的一封信：1989年
  15. 天翼云主攻“5G+云+AI”，新生态革命的冲锋
  16. Android系统结构
  17. 风险准备(金)这样(估)算，来年工作不白干
  18. OLED的中英文和图片显示
  19. c语言编译器a安卓,c语言编译器手机版下载-c语言编译器appv7.1 安卓版 - 极光下载站...
  20. android录音声波动画,Android开发:仿微信 录音声波

热门文章

  1. 谨防 ActiveSupport::Cache::Store 缓存 nil 值
  2. python glob模块的应用
  3. TCP/IP卷一实验之------EIGRP
  4. Android中添加字串资源出现问题
  5. Spring注入方式及用到的注解 -----@Component,@Service,@Controller,@Repository
  6. 设计模式学习之---Adapter(适配器)模式
  7. 【iOS】iOS开发编码规范小结
  8. 【云周刊】第145期：2017天猫双11总交易额1682亿，背后阿里绝密50+技术揭秘！
  9. [React Native Android 安利系列]样式与布局的书写
  10. Android基础知识点的整理3