【easyui】 datagrid 属性事件常用

最新推荐文章于 2022-02-11 08:57:44 发布

芳月存心

最新推荐文章于 2022-02-11 08:57:44 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/z767327552/article/details/60775650

版权

本文详细介绍了EasyUI中datagrid组件的常见属性和事件，包括数据加载、分页、列宽、事件监听等。通过示例代码展示了如何设置title、url、rownumbers、pagination等属性，并详细解释了onBeforeLoad、onLoadError等加载事件的用法。此外，还涵盖了工具栏的操作如增加、修改、删除，并提供了相应的处理函数do_add、do_update和do_delete的实现细节。

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

// DataGrid
var valuedata;
var textdata;
var buildGrid = function () {
    $('#tt').datagrid({
        title:',
        url: ' ',   //数据填充路径
        rownumbers: true,    //开启列
        fit: true,  //自适应
        fitColumns: true,   //自适应行
        loadMsg: '正在加载',   //加载信息
        pagination: true,  //开启分页s
        singleSelect: false,  //关闭单选
        striped: true, 
        checkOnSelect:true,  //开启选中验证
        pageSize: common.attr.pageSize,  //当设置分页属性时，初始化每页记录数。
        pageList: common.attr.pageList,  // 当设置分页属性时，初始化每页记录数列表。
        pageNumber: common.attr.pageNumber,  //当设置分页属性时，初始化分页码。
        columns: [[
            { field: ' ', width: 0, hidden: true },
            { field: '  ', title: ' ', align: 'center', width: 50 },
            { field: '  ', title: ' ', align: 'center', width: 120},
            { field: '  ', title: '