HENGCHENG/DSWeb/Areas/SysMng/ViewJs/SysTask/Sys_Task_ProgressIndex.js

Ext.namespace('Shipping');

Shipping.Sys_Task_ProgressIndex = function (config) {
    Ext.applyIf(this, config);
    this.initUIComponents();
    window.Shipping.Sys_Task_ProgressIndex.superclass.constructor.call(this);
};

Ext.extend(Shipping.Sys_Task_ProgressIndex, Ext.Panel, {
    PageSize: 500,
    OprationStatus: null, //仅当弹出界面时使用
    SelectedRecord: null,
    

    initUIComponents: function () {
        
        Ext.grid.RowNumberer = Ext.extend(Ext.grid.RowNumberer, {   //行号
            width: 30
        });

        //#region 下拉框参照

        this.TaskStatestore = Ext.create('Ext.data.Store', {
            model: 'SysTaskStatemb',
            remoteSort: true,
            pageSize: this.PageSize,
            proxy: {
                type: 'ajax',
                url: '/SysMng/SysTask/GetTaskState',
                reader: {
                    idProperty: 'ID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });
        this.TaskStatestore2 = Ext.create('Ext.data.Store', {
            model: 'SysTaskStatemb'
        });

        this.TaskExecutionstore = Ext.create('Ext.data.Store', {
            model: 'SysTaskExecutionmb',
            remoteSort: true,
            pageSize: this.PageSize,
            proxy: {
                type: 'ajax',
                url: '/SysMng/SysTask/GetTaskExecution',
                reader: {
                    idProperty: 'ID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });
        this.TaskExecutionstore2 = Ext.create('Ext.data.Store', {
            model: 'SysTaskExecutionmb'
        });

        this.comboxExecution = Ext.create('DsExt.ux.RefTableCombox', {
            //fieldLabel: '任务执行',
            store: this.TaskExecutionstore,
            forceSelection: true,
            name: 'EXECUTIONID', id: "EXECUTIONIDcmb",
            valueField: 'STATEKEY',
            displayField: 'NAMEREF'
        });
        this.comboxStart = Ext.create('DsExt.ux.RefTableCombox', {
            //fieldLabel: '开始状态',
            store: this.TaskStatestore,
            forceSelection: true,
            name: 'CURRENTSTATEID', id: "CURRENTSTATEIDcmb",
            valueField: 'STATEKEY',
            displayField: 'NAMEREF'
        });
        this.comboxEnd = Ext.create('DsExt.ux.RefTableCombox', {
            //fieldLabel: '结束状态',
            store: this.TaskStatestore,
            forceSelection: true,
            name: 'FINISHSTATEID', id: "FINISHSTATEIDcmb",
            valueField: 'STATEKEY',
            displayField: 'NAMEREF'
        });

        //#endregion

        //#region 任务进度索引/状态与动作关系
        this.TaskProgressIndexstore = Ext.create('Ext.data.Store', {
            model: 'SysTaskProgressIndexmb',
            remoteSort: true,
            pageSize: this.PageSize,
            proxy: {
                type: 'ajax',
                url: '/SysMng/SysTask/GetTaskProgressIndex',
                reader: {
                    idProperty: 'ID',
                    root: 'data',
                    totalProperty: 'totalCount'
                }
            }
        });

        this.Pagenum = Ext.create('Ext.form.field.Number', {
            name: 'bottles',
            fieldLabel: '每页记录数',
            labelAlign: 'right',
            value: this.PageSize,
            maxValue: 100000,
            width: 180,
            minValue: 0,
            listeners: {
                specialkey: function (field, e) {
                    if (e.getKey() == e.ENTER) {
                        _this.onRefreshClick();
                    }
                }
            }
        });

        this.cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        });
        //this.CBM = Ext.create('Ext.selection.CheckboxModel');
        this.gridList = new Ext.grid.GridPanel({
            store: this.TaskProgressIndexstore,
            enableHdMenu: false,
            region: 'center',
            //title: '任务进度索引',
            split: true,
            loadMask: { msg: "数据加载中，请稍等..." },
            trackMouseOver: true,
            disableSelection: false,
            //selModel: this.CBM,
            selType: 'cellmodel',
            plugins: [this.cellEditing],
            columns: [
                new Ext.grid.RowNumberer(),
                 {
                     dataIndex: 'ID', hidden: true,
                     header: 'ID',
                     width: 80
                 },
            {
                dataIndex: 'EXECUTIONID',
                header: '任务执行类型',
                width: 120,
                editor: this.comboxExecution,
                renderer: function (value, p, record) {
                    if (value == null || value == '') return '';
                    else return record.data.EXECUTIONREF;
                }
            },
            {
                dataIndex: 'EXECUTIONREF', hidden: true,
                header: 'EXECUTIONREF',
                width: 80
            },
            {
                dataIndex: 'DESCRIPTION',
                header: '说明',
                width: 120,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            },
            {
                dataIndex: 'CURRENTSTATEID',
                header: '开始任务状态',
                width: 120,
                editor: this.comboxStart,
                renderer: function (value, p, record) {
                    if (value == null || value == '') return '';
                    else return record.data.CURRENTSTATEREF;
                }
            },
            {
                dataIndex: 'CURRENTSTATEREF', hidden: true,
                header: 'CURRENTSTATEREF',
                width: 80
            },
            {
                dataIndex: 'FINISHSTATEID',
                header: '结束任务状态',
                width: 120,
                editor: this.comboxEnd,
                renderer: function (value, p, record) {
                    if (value == null || value == '') return '';
                    else return record.data.FINISHSTATEREF;
                }
            },
            {
                dataIndex: 'FINISHSTATEREF', hidden: true,
                header: 'FINISHSTATEREF',
                width: 80
            },
            {
                dataIndex: 'PROP1',
                header: '属性1',
                width: 80,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            },
            {
                dataIndex: 'PROP2',
                header: '属性2',
                width: 80,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            },
            {
                dataIndex: 'PROP3',
                header: '属性3',
                width: 80,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            },
            {
                dataIndex: 'PROP4',
                header: '属性4',
                width: 80,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            },
            {
                dataIndex: 'PROP5',
                header: '属性5',
                width: 80,
                editor: {
                    xtype: 'textfield',
                    selectOnFocus: true
                }
            }
            ],
            bbar: [Ext.create('Ext.PagingToolbar', {
                store: this.TaskProgressIndexstore,
                displayInfo: true,
                displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
                emptyMsg: "没有数据"
            }), this.Pagenum]
        });

        var _this = this;

        

        var _this = this;
        this.panelBtn = new Ext.Panel({
            region: "north",
            title: '任务进度索引',
            tbar: [{
                //text: "执行查询",
                iconCls: "btnrefresh",
                handler: function (button, event) {
                    this.TaskProgressIndexstore.load();
                },
                scope: this
            }, {
                //text: '增加明细',
                tooltip: '增加明细',
                iconCls: "btnadddetail",
                handler: function (button, event) {
                    this.onAddClick();
                },
                scope: this
            }, {
                //text: '删除明细',
                tooltip: '删除明细',
                iconCls: "btndeletedetail",
                handler: function (button, event) {
                    this.onDelClick();
                },
                scope: this
            }, '-', {
                //text: '删除明细',
                tooltip: '保存',
                iconCls: "btnsave",
                handler: function (button, event) {
                    this.onSaveClick();
                },
                scope: this
            }]
        });

        //#endregion
 
        this.panelTop = new Ext.Panel({
            layout: "border",
            region: "north",
            height: 56,
            items: [this.panelBtn]
        });
        this.panelBottom = new Ext.Panel({
            layout: "border",
            region: "center",
            height: 80, split: true,
            items: [this.gridList]
        });

        Ext.apply(this, {
            items: [this.panelTop, this.panelBottom]
        });
        this.TaskExecutionstore.on('beforeload', function (store) {
            //var sql = this.getCondition();
            //Ext.apply(store.proxy.extraParams, { condition: sql });
        }, this);
        this.TaskStatestore.on('beforeload', function (store) {
            //var sql = this.getCondition();
            //Ext.apply(store.proxy.extraParams, { condition: sql });
        }, this);
        this.cellEditing.on('edit', function (editor, e, eOpts) {
            this.StepAfterEdit(editor, e, eOpts);
        }, this);

        //this.TaskProgressIndexstore.on('edit', function (editor, e, eOpts) {
        //    this.StepAfterEdit(editor, e, eOpts);
        //}, this);
        //this.cellEdit.on('edit', function (editor, e, eOpts) {
        //    this.StepAfterEdit(editor, e, eOpts);
        //}, this);
        //this.TaskStatestore.on('edit', function (editor, e, eOpts) {
        //    this.StepAfterEdit(editor, e, eOpts);
        //}, this);
        
        this.Loaddata();



        //#endregion

    }, //end initUIComponents
    Loaddata: function () {
        //this.TaskStatestore.load({
        //    callback: function (r, options, success) {
        //        this.LoadCombox(1);
        //    },
        //    scope: this
        //});

        //this.TaskExecutionstore.load({
        //    callback: function (r, options, success) {
        //        this.LoadCombox(2);
        //    },
        //    scope: this
        //});
        this.TaskExecutionstore.load();
        this.TaskStatestore.load();
        this.TaskProgressIndexstore.load();

    },
    //LoadCombox: function (type) {
    //    _this = this;
    //    if (type == 1) {
    //        this.TaskStatestore2.removeAll();
    //        this.TaskStatestore.each(function (record) {
    //            _this.TaskStatestore2.add(record);
    //        });
    //    }
    //    if (type == 2) {
    //        this.TaskExecutionstore2.removeAll();
    //        this.TaskExecutionstore.each(function (record) {
    //            _this.TaskExecutionstore2.add(record);
    //        });
    //    }
    //},
    StepAfterEdit: function (editor, e, eOpts) {

        if (e.field == 'EXECUTIONID') {
            SetComboxValue(this.comboxExecution, e, 'EXECUTIONREF');
        }

        if (e.field == 'CURRENTSTATEID') {
            SetComboxValue(this.comboxStart, e, 'CURRENTSTATEREF');
        }

        if (e.field == 'FINISHSTATEID') {
            SetComboxValue(this.comboxEnd, e, 'FINISHSTATEREF');
        }
    },
    onAddClick: function () {

            var record = Ext.create('SysTaskProgressIndexmb', {
                'ID': '0',
                'EXECUTIONID': '',
                'EXECUTIONREF': '',
                'DESCRIPTION': '',
                'CURRENTSTATEID': '',
                'CURRENTSTATEREF': '',
                'FINISHSTATEID': '',
                'FINISHSTATEREF': '',
                'PROP1': '',
                'PROP2': '',
                'PROP3': '',
                'PROP4': '',
                'PROP5': ''
            });
            this.TaskProgressIndexstore.add(record);

            var n = this.TaskProgressIndexstore.getCount();
            this.cellEditing.startEditByPosition({ row: n - 1, column: 2 });
        
    },

    onSaveClick: function () {
        this.storeList='';
        
         
        
            this.storeList = this.TaskProgressIndexstore;
        

        var datas = [];
        
        for (var i = 0; i < this.storeList.getCount() ; i += 1) {
            data = this.storeList.getAt(i);
            if (data.dirty == true) {
                //if (this.checkinput(data.data) == true) {
                    datas.push(data);
                //} else {
                //    return;
                //}
            }
        }
        SaveBody = ConvertRecordsToJsonAll(datas);

        if (SaveBody == "") return;
        //var jsonBody = ConvertRecordsToJson(data);

        Ext.Msg.wait('正在保存数据, 请稍侯..');
        Ext.Ajax.request({
            waitMsg: '正在保存数据...',
            url: '/SysMng/SysTask/Save' + 3,
            scope: this,
            params: {
                data: SaveBody
            },
            callback: function (options, success, response) {
                if (success) {
                    Ext.MessageBox.hide();
                    var jsonresult = Ext.JSON.decode(response.responseText);
                    if (jsonresult.Success) {

                      
                            this.TaskProgressIndexstore.load();
                        

                    } else {
                        Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
                    }
                } else {
                    Ext.Msg.show({
                        title: '请重试',
                        msg: '服务器响应出错',
                        icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK
                    });
                }
            }
        });
    },
    onDelClick: function () {
        
        
        var selections = this.gridList.getSelectionModel().getSelection();
        

        if (selections.length == 0) {
            Ext.Msg.show({ title: '提示', msg: '请先选中一条数据!', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
            return;
        }

        var record = selections[0];
        Ext.MessageBox.confirm('提示！', '注意！将会删除一条数据\n确定删除该记录吗？', function (btn) {
            if (btn == 'yes') {
                Ext.Msg.wait('正在删除数据...');
                Ext.Ajax.request({
                    waitMsg: '正在删除数据...',
                    url: '/SysMng/SysTask/Delete3',
                    params: {
                        data: Ext.JSON.encode(record.data)
                    },
                    callback: function (options, success, response) {
                        if (success) {
                            var jsonresult = Ext.JSON.decode(response.responseText);
                            if (jsonresult.Success) {
                                Ext.Msg.hide();
                               
                                    this.TaskProgressIndexstore.remove(record);
                                
                            }
                            else {
                                Ext.Msg.show({ title: '错误', msg: jsonresult.Message, icon: Ext.Msg.ERROR, buttons: Ext.Msg.OK });
                            }
                        }
                    },
                    failure: function (response, options) {
                        Ext.Msg.show({ title: '警告', msg: '服务器响应出错,请重试', icon: Ext.Msg.INFO, buttons: Ext.Msg.OK });
                    },
                    success: function (response, options) {
                    },
                    scope: this
                });   //end Ext.Ajax.request
            }
        }, this);
    }
});