Easyui---datagrid编辑单元格及获取编辑前后数据

最新推荐文章于 2022-08-03 10:22:41 发布

别打名名

最新推荐文章于 2022-08-03 10:22:41 发布

阅读量1.3w

点赞数 1

分类专栏： html/js/css/ajax 文章标签： easyui datagrid 单元格双击事件

本文链接：https://blog.csdn.net/FreeApe/article/details/50751484

版权

本文介绍了如何在Easyui的datagrid中实现单元格的编辑功能，并详细讲解了编辑前后的数据处理，包括双击事件的触发以及代码实现过程。

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

编辑之前

这里写图片描述

编辑之后

这里写图片描述

代码实现

<div>
    <table id="dg" title="Cell Editing in DataGrid" style="width:700px;height:auto"
            data-options="
                iconCls: 'icon-edit',
                singleSelect: true,
                url: '__CONTROLLER__/getAdminInfo/',
                method:'get',
                toolbar: '#tb'
            ">
        <thead>
            <tr>
                <th data-options="field:'shop_code',width:80,editor:'text'">Item ID</th>
                <th data-options="field:'