fastui 0.1.2

data/app/assets/javascripts/fastui/app/store/MWindowMgr.js

@@ -0,0 +1,27 @@
+Ext.define('FastUI.store.MWindowMgr', {
+    singleton: true,
+    _windows_: {},
+    request:function(id, callback){
+        var me = this;
+        Ext.Ajax.request({
+            url: '/fastui/m_views/'+id+'.json',
+            //async: true,
+            success: function(response, opts) {
+                var obj = Ext.decode(response.responseText);
+                me._windows_[id] = obj;
+                callback.call(this, obj);
+            },
+            failure: function(response, opts) {
+
+            }
+        });
+    },
+    load:function(id,callback){
+        var win = this._windows_[id];
+        if (win){
+            callback.call(this, win);
+        }else{
+            this.request(id,callback);
+        }
+    }
+});

data/app/assets/javascripts/fastui/app/view/FormFactory.js

@@ -0,0 +1,11 @@
+Ext.define('FastUI.view.FormFactory', {
+    singleton: true,
+
+    createForm: function (form_kind, tab) {
+        if (form_kind == '') {
+            return Ext.create('FastUI.view.VForm', {tab: tab});
+        } else {
+            return Ext.create('FastUI.view.' + this.form_kind, {tab: tab});
+        }
+    }
+});

data/app/assets/javascripts/fastui/app/view/Rest.js

@@ -0,0 +1,40 @@
+Ext.define('FastUI.view.Rest', {
+    constructor:function (entity_class) {
+        this.entity_class = entity_class;
+        this.ext = '.json';
+        this.path = this.entity_class.underscore().pluralize();
+    },
+    getClassName:function(){
+        return this.entity_class.demodulize();
+    },
+    getTableName:function(){
+        return this.getClassName().underscore();
+    },
+    getKey:function(){
+        return this.getTableName() + '_id';
+    },
+    getTitle:function(){
+        return this.getTableName() + '_title';
+    },
+    newPath:function(){
+        return this.path + "/new" + this.ext;
+    },
+    editPath:function(id){
+        return this.path + "/" + id + "/edit"+ this.ext;
+    },
+    showPath:function(id){
+        return this.path + "/" + id + this.ext;
+    },
+    updatePath:function(id){
+        return this.path + "/" + id + this.ext;
+    },
+    createPath:function(){
+        return this.path + this.ext;
+    },
+    indexPath:function(){
+        return this.path + this.ext;
+    },
+    deletePath:function(id){
+        return this.path + "/" + id + this.ext;
+    }
+});

data/app/assets/javascripts/fastui/app/view/VCommentForm.js

@@ -0,0 +1,53 @@
+Ext.define('FastUI.view.VComment', {
+    extend: 'Ext.form.Panel',
+    title: 'Comment Form ',
+    bodyPadding: 5,
+    layout: 'anchor',
+    fieldDefaults: {
+        labelAlign: 'left',
+        labelWidth: 90,
+        anchor: '60%'
+    },
+    defaultType: 'textfield',
+    border: true,
+    items: [
+        {
+            xtype: 'textfield',
+            name: 'm_comment[title]',
+            fieldLabel: '名称'
+        },
+        {
+            xtype: 'textareafield',
+            name: 'm_comment[note]',
+            fieldLabel: '描述'
+        },
+        {
+            xtype: 'textfield',
+            name: 'm_comment[guide]',
+            fieldLabel: '指导'
+        },
+        {
+            xtype: 'numberfield',
+            name: 'm_comment[total]',
+            fieldLabel: '总分'
+        },
+        {
+            xtype: 'textareafield',
+            name: 'm_comment[memo]',
+            fieldLabel: '备注'
+        }
+    ],
+    initComponent: function () {
+        this.callParent();
+    },
+    addCriterion: function(){
+
+    }
+});
+
+
+
+
+
+
+

data/app/assets/javascripts/fastui/app/view/VCriteria.js

@@ -0,0 +1,25 @@
+Ext.define('FastUI.view.VCriteria', {
+    extend: 'Ext.container.Container',
+    width: 400,
+    renderTo:{},
+    layout:'anchor',
+    defaults: {
+        labelAlign: 'left',
+        labelWidth: 90,
+        anchor: '60%'
+    },
+    items: [{
+        xtype: 'textfield',
+        name: 'm_comment[criteria][0][note]',
+        fieldLabel: '标准'
+    }
+    ],
+    initComponent: function () {
+        console.log();
+        this.callParent();
+    }
+
+});
+
+
+

data/app/assets/javascripts/fastui/app/view/VCustomForm.js

@@ -0,0 +1,34 @@
+Ext.define('FastUI.view.VCustomForm', {
+    extend:'Ext.form.Panel',
+    requires: ['FastUI.view.vfield.VFieldFactory'],
+    tab:{},
+    title:'Simple Form',
+    bodyPadding:5,
+    layout:'anchor',
+    fieldDefaults: {
+        labelAlign: 'left',
+        labelWidth: 90,
+        anchor: '60%'
+    },
+    defaultType:'textfield',
+    border:true,
+    initComponent:function () {
+        this.title = this.getValue('title');
+        this.items = this.getFFields();
+        this.callParent();
+    },
+    getValue:function(key){
+        return this.tab.valueObject[key];
+    },
+    getMEntity:function(){
+        return this.tab.valueObject.m_entity;
+    },
+    getFFields:function () {
+        var fields = [];
+        Ext.each(this.getValue('m_fields'), function (field) {
+            fields.push(FastUI.view.vfield.VFieldFactory.buildField(field,this.tab.winCtx, this.tab.winId,this.tab.rest));
+        }, this);
+        return fields;
+    }
+
+});

data/app/assets/javascripts/fastui/app/view/VCustomTab.js

@@ -0,0 +1,266 @@
+Ext.define('FastUI.view.VCustomTab', {
+    extend: 'Ext.Panel',
+    alias: 'widget.vcustomtab',
+    valueObject: {},
+    winId: 0,
+    winCtx: {},
+    layout: "card",
+    border: true,
+    initComponent: function () {
+        this.id = 'tab-' + this.getValue('id');
+        this.grid_kind = this.getValue('grid_kind');
+        this.title = this.getValue('level') + this.getValue('title');
+        this.rest = Ext.create('FastUI.view.Rest', this.getMEntity().name);
+        this.tbar = Ext.create('Ext.toolbar.Toolbar', {
+            id: this.id + 'tbar',
+            defaults: {
+                scale: 'small' //scale: 'large'
+            },
+            items: [
+                {
+                    id: this.id + 'new',
+                    text: '新建',
+                    iconCls: 'fastui-btn-new',
+                    handler: function () {
+                        this.cmdCreate();
+                        this.getBtn('save').enable();
+                        this.getBtn('edit').disable();
+                    },
+                    scope: this
+                },
+                {
+                    id: this.id + 'edit',
+                    text: '编辑',
+                    disabled: true,
+                    iconCls: 'fastui-btn-edit',
+                    handler: function () {
+                        this.cmdEdit();
+                        this.getBtn('save').enable();
+                        this.getBtn('new').disable();
+                    },
+                    scope: this
+                },
+                {
+                    id: this.id + 'list',
+                    text: '列表',
+                    iconCls: 'fastui-btn-list',
+                    handler: function () {
+                        this.cmdList();
+                        this.getBtn('save').disable();
+                        this.getBtn('new').enable();
+                    },
+                    scope: this
+                },
+                {
+                    id: this.id + 'save',
+                    text: '保存',
+                    disabled: true,
+                    iconCls: 'fastui-btn-save',
+                    handler: function () {
+                        this.cmdSave();
+                        this.getBtn('save').disable();
+                    },
+                    scope: this
+                },
+                {
+                    id: this.id + 'del',
+                    text: '删除',
+                    disabled: true,
+                    iconCls: 'fastui-btn-del',
+                    handler: function () {
+                        this.cmdDelete();
+                        this.getBtn('edit').disable();
+                    },
+                    scope: this
+                },
+                {
+                    id: this.id + 'help',
+                    text: '帮助',
+                    iconCls: 'fastui-btn-help',
+                    handler: function () {
+                        this.cmdHelp();
+                    },
+                    scope: this
+                }
+            ]
+        });
+        FastUI.Env.setTabCtx(FastUI.Env.getWinCtx('winNo','win_id'),'tabNo','tab_id',this.id);
+        this.callParent();
+    },
+    getBtn: function (name) {
+        return this.getDockedComponent(this.id + 'tbar').items.get(this.id + name);
+    },
+    getValue: function (key) {
+        return this.valueObject[key];
+    },
+    getMEntity: function () {
+        return this.valueObject.m_entity;
+    },
+    listeners: {
+        activate: function (tab, opts) {
+            this.cmdList();
+        }
+    },
+    getParams: function () {
+        var p = {};
+        var tab = Ext.getCmp('tab-' + this.getValue('included_tab_id'));
+        if (tab) {
+            //p[tab.rest.getKey()] = tab.getSelectedId();
+            p[tab.rest.getKey()] = this.winCtx.getWinCtx(this.winId, tab.rest.getKey());
+        }
+        return p;
+    },
+    getVGrid: function () {
+        if (!this.vgrid) {
+            if (this.grid_kind == 'treegrid') {
+                this.vgrid = Ext.create('FastUI.view.VTreeGrid', {tab: this});
+            } else {
+                this.vgrid = Ext.create('FastUI.view.VGrid', {tab: this});
+            }
+            this.add(this.vgrid);
+        }
+        return this.vgrid;
+    },
+    getSelectedId: function () {
+        return this.getVGrid().selectedId();
+    },
+    cmdList: function () {
+        var grid = this.getVGrid();
+        var store = grid.getStore();
+
+//        var params1 = store.getProxy().extraParams;
+//        var params2 = this.getParams();
+//        if (Ext.encode(params1) !== Ext.encode(params2)) {
+//            //alert(Ext.encode(params1) + Ext.encode(params2));
+//            store.getProxy().extraParams = params2;
+//            store.reload();
+//        }
+
+        var id = grid.selectedId();
+        store.getProxy().extraParams = this.getParams();
+        store.reload({
+            callback: function (records, operation, success) {
+                if (this.grid_kind == 'treegrid') {
+                    this.getBtn('edit').enable();
+                } else {
+                    var rowIndex = store.find('id', id);  //where 'id': the id field of your model, record.getId() is the method automatically created by Extjs. You can replace 'id' with your unique field.. And 'this' is your store.
+                    if (rowIndex > -1) {
+                        this.vgrid.getView().select(rowIndex);
+                        this.getBtn('edit').enable();
+                    }
+                }
+            },
+            scope: this
+        });
+        this.getLayout().setActiveItem(this.vgrid.id);
+    },
+    getForm: function () {
+        if (!this.vform) {
+            this.vform = Ext.create('FastUI.view.VCustomForm', {tab: this});
+            this.add(this.vform);
+        }
+        return this.vform.getForm();
+    },
+    cmdCreate: function () {
+        var form = this.getForm();
+        form.url = this.rest.createPath();
+        form.method = 'POST';
+        form.reset();
+        var temp = {};
+        var logic = "";
+        Ext.each(this.getValue('m_fields'), function (mfield) {
+            if (mfield.default_logic.length > 0) {
+                logic = this.winCtx.parseCtx(this.winId, mfield.default_logic);
+                temp[this.rest.getTableName() + '[' + mfield.m_property.name + ']'] = Ext.decode(logic);
+            }
+        }, this);
+        form.setValues(temp);
+        this.getLayout().setActiveItem(this.vform.id);
+    },
+    cmdEdit: function () {
+        var id = this.getVGrid().selectedId();
+        var form = this.getForm();
+        form.url = this.rest.updatePath(id);
+        form.method = 'PUT';
+
+        Ext.Ajax.request({
+            url: this.rest.editPath(id),
+            success: function (response) {
+                var data = Ext.decode(response.responseText);
+                var k, o = {};
+                for (k in data) {
+                    if (k.match(/_id$/)) {
+                        var attr = data[k.replace('_id', '')];
+                        var title = data[k];
+                        if (attr && attr.title) {
+                            title = attr.title
+                        }
+                        o[this.rest.getTableName() + '[' + k + ']'] = {id: data[k], title: title};
+                    } else if (k.match(/_ids$/)) {
+                        o[this.rest.getTableName() + '[' + k + '][]'] = data[k];
+                    }
+                    else {
+                        o[this.rest.getTableName() + '[' + k + ']'] = data[k];
+                    }
+                }
+//                alert(Ext.encode(o));
+                form.setValues(o);
+            }, scope: this
+        });
+        this.getLayout().setActiveItem(this.vform.id);
+    },
+    cmdDelete: function () {
+        var id = this.getVGrid().selectedId();
+        Ext.MessageBox.confirm('提示', '确定要删除此记录吗?', function (btn) {
+            if (btn == 'yes') {
+                Ext.Ajax.request({
+                    url: this.rest.deletePath(id),
+                    method: 'DELETE',
+                    success: function () {
+                        this.cmdList();
+                        Ext.MessageBox.alert("提示", "操作成功！")
+                    },
+                    failure: function () {
+                        Ext.MessageBox.alert("提示", "操作失败！")
+                    },
+                    scope: this
+                });
+            }
+        }, this)
+
+    },
+    cmdHelp: function () {
+        var helpWindow = Ext.create('FastUI.view.VHelpWindow', {html: this.getValue('help')});
+        helpWindow.show();
+    },
+    cmdSave: function () {
+        if (this.vform) {
+            var form = this.getForm();
+            if (form.isValid()) {
+                this.constructAjaxRequest({
+                    url: form.url,
+                    method: form.method,
+                    params: form.getValues(false, false, false),
+                    success: function () {
+                        this.cmdList();
+                        Ext.MessageBox.alert("提示", "操作成功！")
+                    },
+                    failure: function () {
+                        Ext.MessageBox.alert("提示", "操作失败！")
+                    },
+                    scope: this
+                })
+            }
+        }
+    },
+    constructAjaxRequest: function (options) {
+        return Ext.Ajax.request({
+            url: options.url,
+            method: options.method,
+            params: options.params,
+            success: options.success,
+            failure: options.failure,
+            scope: options.scope
+        });
+    }
+});

data/app/assets/javascripts/fastui/app/view/VForm.js

@@ -0,0 +1,117 @@
+Ext.define('FastUI.view.VForm', {
+    extend:'Ext.form.Panel',
+    requires: ['FastUI.view.vfield.VFieldFactory'],
+    tab:{},
+    title:'Simple Form',
+    bodyPadding:5,
+    layout:'anchor',
+    fieldDefaults: {
+        labelAlign: 'left',
+        labelWidth: 90,
+        anchor: '60%'
+    },
+    defaultType:'textfield',
+    border:false,
+    initComponent:function () {
+        this.title = this.getValue('title');
+        this.items = this.getFFields();
+        this.rest = Ext.create('FastUI.view.Rest', this.getMEntity());
+        this.callParent();
+    },
+    getValue:function(key){
+        return this.tab.valueObject[key];
+    },
+    getMEntity:function(){
+        return this.tab.valueObject.entity;
+    },
+    getFFields:function () {
+        var fields = [];
+        Ext.each(this.getValue('members'), function (member) {
+            member.readonly = member.readonly || false;
+            member.display = member.display || 'all';
+            if (member.display == 'all' || member.display == 'form'){
+                fields.push(FastUI.view.vfield.VFieldFactory.buildField(member,this.tab.winCtx, this.tab.winId,this.tab.rest));
+            }
+        }, this);
+        return fields;
+    },
+    cmdCreate: function () {
+        var form = this.getForm();
+        form.url = this.rest.createPath();
+        form.method = 'POST';
+        form.reset();
+        this.setAutoFields(form);  //  有数据时要进行测试
+    },
+    setAutoFields: function (form) {
+        var temp = {};
+        var logic = "";
+        Ext.each(this.getValue('m_fields'), function (mfield) {
+            if (mfield.default_logic && mfield.default_logic.length > 0) {
+                logic = this.winCtx.parseCtx(this.winId, mfield.default_logic);
+                temp[this.rest.getTableName() + '[' + mfield.m_property.name + ']'] = Ext.decode(logic);
+            }
+        }, this);
+        form.setValues(temp);
+    },
+    cmdEdit: function () {
+        var id = this.tab.getVGrid().selectedId();
+        var form = this.getForm();
+        form.url = this.rest.updatePath(id);
+        form.method = 'PUT';
+        this.setEditValues(id, form);
+    },
+    setEditValues: function (id, form) {
+        Ext.Ajax.request({
+            url: this.rest.editPath(id),
+            success: function (response) {
+                var data = Ext.decode(response.responseText);
+                var k, o = {};
+                for (k in data) {
+                    if (k.match(/_id$/)) {
+                        var attr = data[k.replace('_id', '')];
+                        var title = data[k];
+                        if (attr && attr.title) {
+                            title = attr.title
+                        }
+                        o[this.rest.getTableName() + '[' + k + ']'] = {id: data[k], title: title};
+                    } else if (k.match(/_ids$/)) {
+                        o[this.rest.getTableName() + '[' + k + '][]'] = data[k];
+                    }
+                    else {
+                        o[this.rest.getTableName() + '[' + k + ']'] = data[k];
+                    }
+                }
+//                alert(Ext.encode(o));
+                form.setValues(o);
+            }, scope: this
+        });
+    },
+    cmdSave: function () {
+            var form = this.getForm();
+            if (form.isValid()) {
+                this.constructAjaxRequest({
+                    url: form.url,
+                    method: form.method,
+                    params: form.getValues(false, false, false),
+                    success: function () {
+                        Ext.MessageBox.alert("提示", "操作成功！")
+                    },
+                    failure: function () {
+                        Ext.MessageBox.alert("提示", "操作失败！")
+                    },
+                    scope: this
+                });
+            }
+    },
+    constructAjaxRequest: function (options) {
+        return Ext.Ajax.request({
+            url: options.url,
+            method: options.method,
+            params: options.params,
+            success: options.success,
+            failure: options.failure,
+            scope: options.scope
+        });
+    }
+
+});