easyui treegrid增、刪、改及批量儲存

浪花一朵朵發表於2014-04-18
UI

treegrid新增新行和刪除行的方法：

　　新增和刪除直接呼叫這兩個方法即可，修改的方法有點特殊，treegrid沒有提供update方法，設定行為編輯狀態，$('#obj_tgd_objectlist').treegrid('select', index.PLM_ID)
     .treegrid('beginEdit', index.PLM_ID);直接在行上編輯

新增新行：

 function obj_tgd_append() {
        var obj_node = $('#obj_tgd_objectlist').treegrid('getSelected');
        if (obj_node) {
            if (obj_endEditing(obj_node)) {
                var obj_plm_id = obj_editingId = guid().toUpperCase();
                $('#obj_tgd_objectlist').treegrid('append', {
                    parent: obj_node.PLM_ID,//treegrid 父id 必須指定
                    data: [{
                        PLM_ID: obj_plm_id,//treegrid id 
                        PLM_PID: obj_node.PLM_ID,
                        PLM_LABLE: ''//tree節點名稱 
                    }]
                });
                $('#obj_tgd_objectlist').treegrid('beginEdit', obj_editingId);
            }
        }
        else {
            
        }
    }

刪除行：

function obj_tgd_removeit() {
        var obj_node = $('#obj_tgd_objectlist').treegrid('getSelected');
        if (obj_node) {
            if (obj_endEditing(obj_node)) {
                $.messager.confirm('確認', '您確定要刪除此選中行嗎?', function (r) {
                    obj_editingId = obj_node.PLM_ID;
                    if (r) {
                        obj_tgd = $('#obj_tgd_objectlist');
                        obj_tgd.treegrid('cancelEdit', obj_editingId).treegrid('remove', obj_editingId);//obj_editingId 指定刪除的行
                        obj_editingId = undefined;
                    }
                });
            }
        }
    }


批量儲存：

 function save() {
        var obj_tgd = $('#obj_tgd_objectlist');
        obj_editingId == undefined ? undefined : obj_endEditing('');
        if (obj_tgd.treegrid('getChanges').length == 0)//未操作，不儲存
            return;
        //同datagrid 一樣 分別取修改、新增和刪除的行資料
        var obj_inserted = JSON.stringify(obj_tgd.treegrid('getChanges', "inserted"));
        var obj_deleted = JSON.stringify(obj_tgd.treegrid('getChanges', "deleted"));
        var obj_updated = JSON.stringify(obj_tgd.treegrid('getChanges', "updated")); //otype: this[frmname + 'savetype'],
        var data = {
            add: obj_inserted,
            update: obj_updated,
            delete: obj_deleted,

        };
        alert(JSON.stringify(data));
        $.ajax({
            type: "POST",
            url: 'Home/Save',
            dataType: "json",
            data: data,
            success: function (rarg) {
                if (rarg.err == undefined) {
                    $.messager.show({ title: '提示',
                        msg: '儲存成功.',
                        timeout: 3000,
                        showType: 'slide'
                    });
                }
                else $.messager.alert('提示', rarg.err); 
                //refreshTab();
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $.messager.alert('提示', '儲存失敗,ajax訪問失敗');
            }
        });

 

 

相關文章