前言

有时候我们的后台系统表单比较复杂,做过进销存或者一些销售订单的都应该有过感觉

虽然Easyui Datagrid提供了行内编辑,但是不够灵活,但是我们稍微修改一下来达到批量编辑,批量删除,批量添加的效果

现在我们来看看原的编辑:来自Easyui 1.5.1的Demo <demo/datagrid/rowediting.html>

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

接下来,我们主要是要高度自由的编辑实现:

  • 1.可以同时追加多行

  • 2.追加的行可以是任何位置

  • 3.可以随时进行编辑任意位置的行

  • 4.保存再统一验证

实现

在原有的rowediting.html进行修改!

第一:修改行的点击事件(点击行的时候进入编辑状态)

seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训

    function onClickCell(index, field){            if (editIndex != index) {                if (endEditing()) {
                    $('#dg').datagrid('selectRow', 
        
		

网友评论