easyui datagrid 单元格编辑保存

最新推荐文章于 2020-06-23 14:58:50 发布

toutou0505

最新推荐文章于 2020-06-23 14:58:50 发布

阅读量5.1k

点赞数

分类专栏：前端文章标签： datagrid easyui 单元格编辑自动保存

本文链接：https://blog.csdn.net/toutou0505/article/details/43266707

版权

本文详细介绍了如何在EasyUI的Datagrid中实现单元格编辑功能，并探讨了自动保存的实现方法，结合官方提供的扩展方法，为数据操作提供便捷体验。

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

项目中有运用到datagrid单元格编辑，要求分数和排序两列能编辑，失去焦点后保存更新的值。


    $('#allList').datagrid({    //其中allList为列表的Id
        url:app.approot+"paperRes/getPaperQuestionList/"+ptyid, //获取列表数据
        handler:function(){ //接受改变的值
        $('#allList').datagrid('acceptChanges');
        },  
        onBeforeEdit: function (rowIndex,rowData) {
         $("#selQuestionId").val(rowData.questionId);
        },
        onClickCell: onClickCell, //单击单元格触发事件，方法在下面
        onAfterEdit:function(rowIndex, rowData, changes){  // 第三个参数是改变的值
          // 以下是编辑后将新的值传到后台，本人项目需要，可以忽略....
          i