EasyUi之datagrid常见使用

最新推荐文章于 2024-09-21 19:42:30 发布

蘑菇均

最新推荐文章于 2024-09-21 19:42:30 发布

阅读量1.4k

点赞数

分类专栏：前端填坑文章标签： EasyUI

本文链接：https://blog.csdn.net/zhoujun8066/article/details/79795101

版权

本文介绍了EasyUI中datagrid的常用操作，包括数据的选择、新增、删除和清空，详细阐述了初始化步骤。

摘要由CSDN通过智能技术生成

要点：

1、初始化

2、加载数据

3、处理数据（选择、新增、删除、清空）

一、初始化

$('#DatagridDemo').datagrid({
      width : 750,
      height : 200,
      method : 'post',
      rownumbers : true, // 显示行号列
      pagination : true, // 显示分页工具栏
      singleSelect : false,// 只能单选行
      checkOnSelect : false,
      loadMsg : '请稍候，数据加载中...',// 自定义等待消息
      emptyMsg : '查询数据为空...',
      columns : [ [{field : 'Id',title : '字段1',hidden : 'true'
                   },{field : 'fieldName2',width : 100,title : '字段2',
                            formatter : function(value, row,index) {
                             //可对待展现的数据进行处理
                            }
                   },{field : 'fieldName3',width : 130,title : '字段3',