| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331 | BemsWebApplication.WorkCodeCauseClass = function (params, viewInfo) {    "use strict";    var dbModelId = 'FmsWorkCodeCauseClass';    var initialized = false,        shouldReload = false,        dataViewModel = new BemsWebApplication.FmsWorkCodeCauseClassViewModel(),        isNewInPopup = ko.observable(false),        isEditModeInPopup = ko.observable(false),        isViewModeInPopup = ko.observable(true),        visibleCancelButton = ko.observable(false),        selectedIds = [{}, {}, {}],        gridViews = [],        popupVisible = ko.observable(false),        popupVisibles = [ko.observable(false), ko.observable(false)],        buttonEditDisabledFlags = [ko.observable(true), ko.observable(true)],        dataSources = [];    var selectedClass = 0;    var isClass2 = ko.observable(false);    popupVisible.subscribe(function (visible) {        if (visible == false) {            //$.each( selectedIds[selectedClass] , function( name ) {            //    delete selectedIds[selectedClass][name];            //});            $.each(popupVisibles, function (i, item) {                item(false);            });        }    });    popupVisibles[0].subscribe(function (visible) {        selectedClass = 0;        isClass2(false);        if (visible) popupVisible(visible);    });    popupVisibles[1].subscribe(function (visible) {        selectedClass = 1;        isClass2(true);        if (visible) popupVisible(visible);    });    function handleModification() {        shouldReload = true;    }    function handleSelectionChanged(selectedRowsInfo) {        var id = $(selectedRowsInfo.element).attr('id');        console.log(selectedRowsInfo.selectedRowKeys.length);        switch (id) {            case 'gridContainer1':                {                    buttonEditDisabledFlags[0](selectedRowsInfo.selectedRowKeys.length == 0);                    break;                }            case 'gridContainer2':                {                    buttonEditDisabledFlags[1](selectedRowsInfo.selectedRowKeys.length == 0);                    break;                }        }        console.log(selectedRowsInfo.selectedRowKeys);    }    function handleViewShown() {        if (shouldReload) {            shouldReload = false;            for (var i = 0 ; i < 2 ; i++) {                dataSources[i].pageIndex(0);                dataSources[i].load();            }        }        if (initialized === false) {            for (var j = 0 ; j < 2 ; j++) {                var options = j == 1 ? {                    columns: [                        { dataField: 'Name', caption: $G('className'), width: '70%', alignment: 'center' },                        utils.datagrid.columnIsUse('30%')                    ],                } : {                    columns: [                        { dataField: 'Number', caption: $G('number'), width: '30%', alignment: 'center' },                        { dataField: 'Name', caption: $G('className'), width: '70%', alignment: 'center' }                    ],                    useNumberColumn: true,                };                options.selectedSourceItem = dataViewModel;                options.dbId = dbModelId;                options.dxDataSource = dataSources[j];                options.selectedId = selectedIds[j];                options.datagridId = 'gridContainer' + (j + 1);                options.selectionChanged = handleSelectionChanged;                options.popupVisible = popupVisibles[j];                options.handleDataGridRowClick = handleDataGridRowClick;                var id = '#' + options.datagridId;                $(id).dxDataGrid(utils.datagrid.defaultOptions(options));                gridViews[j] = $(id).dxDataGrid('instance');            }            initialized = true;        }        $SideMenu.showSideMenuIfWill(params.view);    }    function refreshDataSource(dataIndex, parentId) {        dataSources[dataIndex].filter('ParentId', '=', parentId);        dataSources[dataIndex].pageIndex(0);        dataSources[dataIndex].load();        gridViews[dataIndex].option('dataSource', utils.datagrid.dataSource(dataSources[dataIndex]));        gridViews[dataIndex].refresh();    }    function handleDataGridRowClick(id, dataGrid, clickRow) {        switch (id) {            case 'gridContainer1':                {                    refreshDataSource(1, clickRow.data.ClassId());                    break;                }        }    }    function handleViewDisposing() {        BemsWebApplication.db[dbModelId].modified.remove(handleModification);    }    var dataSourceOptions = {        store: BemsWebApplication.db[dbModelId],        map: function (item) {            return new BemsWebApplication.FmsWorkCodeCauseClassViewModel(item);        }    };    for (var k = 0 ; k < 2 ; k++) {        dataSources[k] = new DevExpress.data.DataSource(dataSourceOptions);    }    dataSources[0].filter([        ['SiteId', '=', BWA.UserInfo.SiteId()],        'and',        ['ParentId', '=', 0]    ]);    dataSources[1].filter('ParentId', '=', -1);    function refreshList() {        for (var i = 0 ; i < 2 ; i++) {            dataSources[i].pageIndex(0);            dataSources[i].load();            gridViews[i].refresh();        }    }    function handlePopupShowing(e) {        visibleCancelButton(false);        if (isNewInPopup() == false) {            activePopupViewMode();            BemsWebApplication.db[dbModelId].byKey(selectedIds[selectedClass]).done(function (data) {                dataViewModel.fromJS(data);            });        }        else {            //activePopupInsertMode();            clearDataModelValue(dataViewModel);        }    }    function clearDataModelValue(v) {        $.each(v, function (name, value) {            if (name !== 'ParentId') {                v[name](null);            }        });        v.SiteId(BWA.UserInfo.SiteId());        console.log(v.ParentId());    }    BemsWebApplication.db[dbModelId].modified.add(handleModification);    function handleConfirmDelete() {        BemsWebApplication.db[dbModelId].remove(selectedIds[selectedClass]).done(function () {            popupVisible(false);            utils.toast.show('데이터베이스 항목 삭제 작업이 성공하였습니다.');        });    }    function update() {        //console.log( dataViewModel.BuildingId() );        BemsWebApplication.db[dbModelId].update(selectedIds[selectedClass], dataViewModel.toJS()).done(function () {            refreshList();            utils.toast.show('데이터베이스 항목 수정 작업이 성공하였습니다.');            //            popupVisible( false );        });    }    function insert() {        BemsWebApplication.db[dbModelId].insert(dataViewModel.toJS()).done(function (values, newId) {            refreshList();            popupVisible(false);        });    }    function activePopupEditMode() {        isViewModeInPopup(false);        isEditModeInPopup(true);    }    function activePopupViewMode() {        isViewModeInPopup(true);        isEditModeInPopup(false);    }    function handlePopupButtonEdit() {        activePopupEditMode();        visibleCancelButton(true);    }    function handlePopupButtonCancel() {        activePopupViewMode();        visibleCancelButton(false);    }    function popupInsertView() {        activePopupEditMode();        popupVisible(true);    }    function handlePopupButtonSave() {        if (isNewInPopup())            insert();        else            update();    }    function handlePopupButtonDelete() {        DevExpress.ui.dialog.confirm($G('deleteConfirmMsg'), "삭제").then(function (result) {            if (result) {                handleConfirmDelete();                refreshList();            }            else {                // toast            }        });    }    function handlePopupButtonClose() {        popupVisible(false);    }    var toolbarItems = [        { location: 'before', text: $G('detailInfo') },        { location: 'after', widget: 'button', options: { text: $G('edit'), icon: 'edit', visible: isViewModeInPopup, clickAction: handlePopupButtonEdit } },        { location: 'after', widget: 'button', options: { text: $G('delete'), type: 'danger', icon: 'remove', visible: isViewModeInPopup, clickAction: handlePopupButtonDelete } },        { location: 'after', widget: 'button', options: { text: $G('save'), icon: 'save', visible: isEditModeInPopup, clickAction: handlePopupButtonSave } },        { location: 'after', widget: 'button', options: { text: $G('cancel'), icon: 'arrowleft', visible: visibleCancelButton, clickAction: handlePopupButtonCancel } },        { location: 'after', widget: 'button', options: { text: $G('close'), icon: 'close', clickAction: handlePopupButtonClose } }        //{ location: 'right', widget: 'button', options: { text: '@edit', click: handleEdit } },        //{ location: 'after', widget: 'button', options: { icon: 'find' } },        //{ location: 'menu', text: 'Add' },        //{ location: 'center', text: 'Products' }    ];    var popupOptions = {        width: '480px',        height: 'auto',        visible: popupVisible,        closeOnOutsideClick: true,        showingAction: handlePopupShowing,        animation: {            show: { type: "pop", duration: 200, from: { opacity: 1, scale: 0.4 }, to: { scale: 1 } },            hide: { type: "fade", duration: 200, from: 1, to: 0 }        }    };    function setInsertPopupInfo(index, classId) {        isNewInPopup(true);        activePopupEditMode();        dataViewModel.ParentId(classId);        popupVisibles[index](true);    }    return {        dataModel: dataViewModel,        refreshList: refreshList,        buttonEditDisabledFlags: buttonEditDisabledFlags,        //viewShowing: handleViewShowing ,        viewShown: handleViewShown,        viewDisposing: handleViewDisposing,        popupInsertView: popupInsertView,        isViewModeInPopup: isViewModeInPopup,        isEditModeInPopup: isEditModeInPopup,        isNewInPopup: isNewInPopup,        popupOptions: popupOptions,        toolbarItems: toolbarItems,        isClass2: isClass2,        buttonInsertClass1: function () {            setInsertPopupInfo(0, 0);        },        buttonInsertClass2: function () {            setInsertPopupInfo(1, selectedIds[0].ClassId);        },        buttonEditClass1: function () {            isNewInPopup(false);            popupVisibles[0](true);        },        buttonEditClass2: function () {            isNewInPopup(false);            popupVisibles[1](true);        },    };};
 |