关于easy可编辑表格树表格刷新和加载状态问题

来源：互联网发布：u盘安装ubuntu进入不了编辑：程序博客网时间：2024/06/17 00:15

//树表格定义$('#showListGrid').treegrid({                    url: initTreeGrid,                    idField: 'id',                    treeField: 'name',                    fitColumns: true,                    rownumbers: true,                    nowrap: true,                    showFooter: true,                    collapsible: true,                    height: 'auto',                    remoteSort: false,                    pagination: true,                    singleSelect: true,                    columns: [                        [{                                title: 'id',                                field: 'id',                                width: 200,                                hidden: true                            }, {                                field: 'ck',                                title: '选择',                                checkbox: "true",                                align: 'left'                            }, {                                title: '计划名称',                                field: 'name',                                width: 100                            }, {                                title: '计划类型',                                field: 'typeName',                                width: 140                            }, {                                field: 'startDate',                                title: '实际开始时间',                                align: 'left',                                width: 100,                            }, {                                field: 'endDate',                                title: '实际完成时间',                                align: 'left',                                width: 100,                            }, {                                field: 'weekCompleteRatio',                                title: '本周完成百分比(%)',                                align: 'left',                                width: 100,                                editor: {                                    type: 'numberbox',                                    options: {                                        precision: 2, //精度                                        min: 0, //允许最小值                                        required: "true",                                        prompt: "输入"                                    }                                }                            }, {                                title: '累记完成百分比(%)',                                field: 'completeRatio',                                width: 100,                            }, {                                title: '工程量单位',                                field: 'metric',                                width: 100,                            },                            {                                title: '工程量',                                field: 'quantity',                                width: 100,                            }, {                                field: 'planStartDate',                                title: '计划开始时间',                                align: 'left',                                width: 100,                            }, {                                field: 'planEndDate',                                title: '计划完成时间',                                align: 'left',                                width: 100,                            }                        ]                    ]                });

对于表格树开启行编辑不在做过多描述,使用treegrid的beginEdit方法就可以开启行内编辑.
当编辑完成时要获取编辑的行数据,我这里使用的是:var updatedRows = $('#showListGrid').treegrid('getChanges', "updated")
可以获取到你只是修改的数据,可以根据getChanges的参数,获取指定值,可以使用的值有：inserted,deleted,updated等.
当进行第一次更新数据之后,如果你没有刷新页面或者是提交表格树状态,使用上边的getChanges方法,获取的数据会有上次操作的数据,这里需要使用$("#showListGrid").treegrid('acceptChanges'); //提交表格树状态,再使用$("#showListGrid").treegrid('reload');刷新表格,注意:如果你不是使用url作为表格树的数据源,而是使用json格式的数据
那么就不能自动更新。

1 0