来自  资质荣誉 2019-09-25 19:16 的文章
当前位置: 澳门太阳娱乐手机登录 > 资质荣誉 > 正文

泰浪漫的美,EasyUI之dataGrid的行内编辑

  那么些js代码是旁人写的,只怕不是最棒的,但小编个人以为首先能支援人家解决功能难点的话就特意好。笔者稍加修改后用在了和煦的门类上了,这里贴出来分享一下。后台用的TinkPHP因为都以查增加和删除改相比较简单,这里就不贴了。前台效果图因为比较懒,也不贴了。

第1天
2013-02-06

  

素贴山 澳门太阳娱乐在线网址 1

$(function () {        var datagrid; //定义全局变量datagrid        var editRow = undefined; //定义全局变量:当前编辑的行        datagrid = TskupluAddPacket.datagrid({                url: ThinkPHP['MODULE'] + '/Tskuplu/getPacketList', //请求的数据源                iconCls: 'icon-save', //图标                pagination: true, //显示分页                pageSize: 15, //页大小                pageList: [15, 30, 45, 60], //页大小下拉选项此项各value是pageSize的倍数                fit: true, //datagrid自适应宽度                fitColumn: false, //列自适应宽度                striped: true, //行背景交换                nowap: true, //列内容多时自动折至第二行                border: false,                idField: 'packetid', //主键                sortName : 'packetid',                                                                    //排序字段                sortOrder : 'desc',                                    //排序方式                columns: [[//显示的列                        {field: 'packetid', title: 'ID', width: 100, sortable: true, checkbox: true },                        { field: 'packunit', title: '包装单位', width: 100, sortable: true,                                editor: { type: 'validatebox', options: { required: true} }                        },                        { field: 'packqty', title: '包装细数', width: 100,                                editor: { type: 'validatebox', options: { required: true} }                        },                        { field: 'packspec', title: '包装规格', width: 100,                                editor: { type: 'validatebox', options: { required: true} }                        }                ]],                queryParams: {                     pluid: $('#addpluid').val()                }, //查询参数                toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function () {//添加列表的操作按钮添加,修改,删除等                        //添加时如果没有正在编辑的行,则在datagrid的第一行插入一行                        if (editRow == undefined) {                                                                         datagrid.datagrid("insertRow", {                                        index: 0, // index start with 0                                        row: {}                                });                                                   //将新插入的那一行开户编辑状态                                datagrid.datagrid("beginEdit", 0);                                //给当前编辑的行赋值                                editRow = 0;                        }                }                }, '-',                { text: '删除', iconCls: 'icon-remove',                     handler: function () {                         //删除时先获取选择行                         var rows = datagrid.datagrid("getSelections");                         //选择要删除的行                         if (rows.length > 0) {                                $.messager.confirm("提示", "你确定要删除吗?", function  {                                    if  {                                        var ids = [];                                        for (var i = 0; i < rows.length; i++) {                                            ids.push(rows[i].packetid);                                        }                                        //将选择到的行存入数组并用,分隔转换成字符串,                                        //本例只是前台操作没有与数据库进行交互所以此处只是弹出要传入后台的id                                        //alert(ids.join;                                        $.ajax({                                            url : ThinkPHP['MODULE'] + '/Tskuplu/deletePacket',                                            type : 'POST',                                            data : {                                                ids : ids.join(',')                                            },                                            beforeSend : function (){                                                $.messager.progress({                                                    text : '正在处理中...'                                                });                                                },                                            success : function {                                                $.messager.progress('close');                                                if (data >0){                                                    datagrid.datagrid('reload');                                                    $.messager.show({                                                        title : '操作提醒',                                                        msg   : data + '条数据被成功删除!'                                                    })                                                } else if( data == -999 ) {                                                    $.messager.alert('删除失败', '对不起,您没有权限!', 'warning');                                                } else {                                                    $.messager.alert('删除失败', '没有删除任何数据!', 'warning');                                                }                                            }                                        });                                                                        }                                });                         } else {                                $.messager.alert("提示", "请选择要删除的行", "error");                         }                     }                }, '-',                { text: '修改', iconCls: 'icon-edit',                     handler: function () {                        //修改时要获取选择到的行                        var rows = datagrid.datagrid("getSelections");                        //如果只选择了一行则可以进行修改,否则不操作                        if (rows.length == 1) {                            //当无编辑行时                            if (editRow == undefined) {                                //获取到当前选择行的下标                                var index = datagrid.datagrid("getRowIndex", rows[0]);                                //开启编辑                                datagrid.datagrid("beginEdit", index);                                //把当前开启编辑的行赋值给全局变量editRow                                editRow = index;                                //当开启了当前选择行的编辑状态之后,                                //应该取消当前列表的所有选择行,要不然双击之后无法再选择其他行进行编辑                                datagrid.datagrid("unselectAll");                            }                        }                    }                }, '-',                { text: '保存', iconCls: 'icon-save',                     handler: function () {                         //保存时结束当前编辑的行,自动触发onAfterEdit事件如果要与后台交互可将数据通过Ajax提交后台                         datagrid.datagrid("endEdit", editRow);                           editRow = undefined;                    }                }, '-',                { text: '取消编辑', iconCls: 'icon-redo',                     handler: function () {                         //取消当前编辑行把当前编辑行罢undefined回滚改变的数据,取消选择的行                         editRow = undefined;                         datagrid.datagrid("rejectChanges");                         datagrid.datagrid("unselectAll");                    }                }, '-'],                onAfterEdit: function (rowIndex, rowData, changes) {                    //endEdit该方法触发此事件                                         //var row = datagrid.datagrid("getData").rows[rowIndex];  //获取某一行的值                      var inserted = datagrid.datagrid('getChanges','inserted');                    var updated  = datagrid.datagrid('getChanges','updated');                    if(inserted.length < 1 && updated.length <1){                        editRow = undefined;                        datagrid.datagrid('unselectAll');                        return;                    }                    var url = '';                    if(inserted.length>0){                        url=ThinkPHP['MODULE'] + '/Tskuplu/addPacket';                    }                    if(updated.length>0){                        url=ThinkPHP['MODULE'] + '/Tskuplu/updatePacket';                    }                                              $.ajax({                       url : url,                       type : 'POST',                       data : {                           'pluid': $('#addpluid').val(),                           'packetid':rowData.packetid,                           'packunit':rowData.packunit,                           'packqty' :rowData.packqty,                           'packspec':rowData.packspec                       },                       beforeSend : function (){                           $.messager.progress({                               text : '正在处理中...'                           })                       },                       success : function {                           $.messager.progress('close');                           if (data > 0){                                  datagrid.datagrid("acceptChanges");                                  $.messager.show({                                    title : '操作提示',                                    msg : '添加成功'                                });                                            editRow = undefined;                                datagrid.datagrid("reload");                                 $('#addcheck').val(1);                           } else if (data == -999) {                               $.messager.alert('添加失败', '抱歉!您没有权限!', 'warning');                           } else {                               datagrid.datagrid("beginEdit",editRow);                                $.messager.alert('警告操作', '未知错误!请重新刷新后提交!', 'warning');                           }                           datagrid.datagrid("unselectAll");                         }                    });                    //////////////////                                                                  },                onDblClickRow: function (rowIndex, rowData) {                //双击开启编辑行                    if (editRow == undefined) {                            datagrid.datagrid("beginEdit", rowIndex);                            editRow = rowIndex;                    }                }        });          });

素贴山

澳门太阳娱乐在线网址 2

素贴山

澳门太阳娱乐在线网址 3

素贴山

澳门太阳娱乐在线网址 4

素贴山

澳门太阳娱乐在线网址 5

素贴山

澳门太阳娱乐在线网址 6

素贴山

澳门太阳娱乐在线网址 7

素贴山

澳门太阳娱乐在线网址 8

素贴山

澳门太阳娱乐在线网址 9

素贴山

澳门太阳娱乐在线网址 10

素贴山

澳门太阳娱乐在线网址 11

素贴山

澳门太阳娱乐在线网址 12

素贴山

澳门太阳娱乐在线网址 13

素贴山

澳门太阳娱乐在线网址 14

素贴山

澳门太阳娱乐在线网址 15

素贴山

澳门太阳娱乐在线网址 16

素贴山

澳门太阳娱乐在线网址 17

素贴山

澳门太阳娱乐在线网址 18

素贴山

澳门太阳娱乐在线网址 19

素贴山

澳门太阳娱乐在线网址 20

素贴山

澳门太阳娱乐在线网址 21

素贴山

澳门太阳娱乐在线网址 22

素贴山

澳门太阳娱乐在线网址 23

素贴山

澳门太阳娱乐在线网址 24

素贴山

澳门太阳娱乐在线网址 25

素贴山

澳门太阳娱乐在线网址 26

素贴山

澳门太阳娱乐在线网址 27

素贴山

澳门太阳娱乐在线网址 28

素贴山

澳门太阳娱乐在线网址 29

素贴山

澳门太阳娱乐在线网址 30

素贴山

澳门太阳娱乐在线网址 31

素贴山

澳门太阳娱乐在线网址 32

素贴山

澳门太阳娱乐在线网址 33

素贴山

澳门太阳娱乐在线网址 34

素贴山

澳门太阳娱乐在线网址 35

素贴山

澳门太阳娱乐在线网址 36

素贴山

澳门太阳娱乐在线网址 37

素贴山

清迈大学 澳门太阳娱乐在线网址 38

清迈大学

澳门太阳娱乐在线网址 39

清迈大学

澳门太阳娱乐在线网址 40

清迈大学

澳门太阳娱乐在线网址 41

清迈高校

澳门太阳娱乐在线网址 42

清迈高校

澳门太阳娱乐在线网址 43

清迈高校

澳门太阳娱乐在线网址 44

清迈高校

澳门太阳娱乐在线网址 45

清迈大学

澳门太阳娱乐在线网址 46

清迈高校

澳门太阳娱乐在线网址 47

清迈大学

澳门太阳娱乐在线网址 48

清迈高校

澳门太阳娱乐在线网址 49

澳门太阳娱乐在线网址,清迈高校

千人火锅 澳门太阳娱乐在线网址 50

千人火锅

澳门太阳娱乐在线网址 51

千人古董羹

澳门太阳娱乐在线网址 52

千人麻辣烫

澳门太阳娱乐在线网址 53

千人串串烧

澳门太阳娱乐在线网址 54

千人火锅

澳门太阳娱乐在线网址 55

千人麻辣烫

澳门太阳娱乐在线网址 56

千人串串烧

澳门太阳娱乐在线网址 57

千人麻辣烫

澳门太阳娱乐在线网址 58

千人古董羹

澳门太阳娱乐在线网址 59

千人古董羹

典故中的千人串串烧,吃撑了。没出息的吃货真心壮观,又能吃又能烤啊〜

素帖山,摩托车出游好爽^_^未来认路轻易多了。很顺畅就到了,还骑过去看了下瀑布。

游记来自蝉游记网址-水煮白大象

本文由澳门太阳娱乐手机登录发布于 资质荣誉,转载请注明出处:泰浪漫的美,EasyUI之dataGrid的行内编辑

关键词: