resource.js

anewssystem新闻发布系统集成使用了spring hibernate freemarker EXTJS等开源框架 可以作为学习参考

    // 更新查找按钮的值
    function onItemCheck(item, checked) {
        if(checked) {
            filterButton.setText(item.text + ':');
        }
    }
    ds.on('beforeload', function() {
        //表格加载前的动作！
    });
    // 为表格加载数据
    ds.load({params:{start:0, limit:myPageSize}});
    function toggleDetails(btn, pressed){
        cm.getColumnById('name').renderer = pressed ? renderNamePlain : renderName;
        grid.getView().refresh();
    }
    // 更新对话框
    function createNewDialog(dialogName) {
        var thisDialog = new Ext.LayoutDialog(dialogName, {
            modal:false,
            autoTabs:true,
            proxyDrag:true,
            resizable:true,
            width: 480,
            height: 302,
            shadow:true,
            center: {
                autoScroll: true,
                tabPosition: 'top',
                closeOnTab: true,
                alwaysShowTabs: false
            }
        });
        thisDialog.addKeyListener(27, thisDialog.hide, thisDialog);
        thisDialog.addButton('关闭', function() {thisDialog.hide();});
        return thisDialog;
    };
    //----------------------Begin----------------添加表单动作（提交）
    function doAdd(){
        var aAddInstanceDlg;
        if (!aAddInstanceDlg) {
            aAddInstanceDlg = createNewDialog("a-addInstance-dlg");
            aAddInstanceDlg.addButton('重置', resetForm, aAddInstanceDlg);
            aAddInstanceDlg.addButton('保存', function() {
                // 向服务器发送信息
                if (form_instance_create.isValid()) {
                    form_instance_create.submit({
                        waitMsg:'数据提交中.....',
                        reset: false,
                        failure: function(form_instance_create, action) {
                            var info =
                            Ext.MessageBox.alert('Error Message', action.result.errorInfo);
                        },
                        success: function(form_instance_create, action) {
                            Ext.MessageBox.alert('Confirm', action.result.info);
                            aAddInstanceDlg.hide();
                            ds.load({params:{start:0, limit:myPageSize}});
                        }
                    });
                }else{
                    Ext.MessageBox.alert('提示', '输入的数据有误，请重新输入!');
                }
            });
            var layout = aAddInstanceDlg.getLayout();
            layout.beginUpdate();
            layout.add('center', new Ext.ContentPanel('a-addInstance-inner', {title: '添加资源'}));
            layout.endUpdate();
            aAddInstanceDlg.show();
        };
    }
    //End-----------------------------------------------
    //----------------------Begin----------------修改表单动作（提交）
    function doSave(){
        var aAddInstanceDlg;
        if (!aAddInstanceDlg) {
            var m = grid.getSelections();
            if(m.length!=1){
                Ext.MessageBox.alert('Error', '只允许选择单行纪录进行修改！');
                return;
            }
            id_show.setValue(m[0].get("id"));
            name_show.setValue(m[0].get("name"));
            resType_show.setValue(m[0].get("resType"));
            resString_show.setValue(m[0].get("resString"));
            descn_show.setValue(m[0].get("descn"));
            aAddInstanceDlg = createNewDialog("a-updateInstance-dlg");
            aAddInstanceDlg.addButton('重置', resetForm, aAddInstanceDlg);
            aAddInstanceDlg.addButton('保存', function() {
                // submit now... all the form information are submit to the server
                // handle response after that...
                if (form_instance_update.isValid()) {
                    form_instance_update.submit({
                        waitMsg:'数据提交中.....',
                        reset: false,
                        failure: function(form_instance_update, action) {
                            alert(action.result);
                            var info =
                            Ext.MessageBox.alert('提示信息', action.result.errorInfo);
                        },
                        success: function(form_instance_update, action) {
                            Ext.MessageBox.alert('Confirm', action.result.info);
                            aAddInstanceDlg.hide();
                            ds.load({params:{start:0, limit:myPageSize}});
                        }
                    });
                }else{
                    Ext.MessageBox.alert('提示', '输入的数据有误，请重新输入!');
                }
            });

            var layout = aAddInstanceDlg.getLayout();
            layout.beginUpdate();
            layout.add('center', new Ext.ContentPanel('a-updateInstance-inner', {title: '资源更新'}));
            layout.endUpdate();

            aAddInstanceDlg.show();
        };
    }
    function doAuth(){
        var m = grid.getSelections();
        if(m.length<=0){
            Ext.MessageBox.alert('提示', '请选择需要授权的用户！');
            return;
        }
        dsRole.load({params:{start:0, limit:myPageSize}});
        var aAddInstanceDlg = createNewDialog("userAuthRole-dlg");
        var layout = aAddInstanceDlg.getLayout();
        layout.beginUpdate();
        layout.add('center', new Ext.ContentPanel('userAuthRole-inner', {title: '用户授权'}));
        layout.endUpdate();
        aAddInstanceDlg.show();
    }
    //删除按钮方法
    function doDel(){
        var m = grid.getSelections();
        if(m.length > 0) {
            Ext.MessageBox.confirm('提示', '确定要删除吗?' , doDel2);
        } else {
            Ext.MessageBox.alert('提示', '请选择要删除的数据行!');
        }
    }
    //删除回调方法
    function doDel2(btn) {
        if(btn=='yes'){
            var m = grid.getSelections();
            var rescid =new Array();
            for(var i = 0, len = m.length; i < len; i++){
                m[i].get("id");
                rescid[i]=m[i].get("id");
                ds.remove(m[i]);//从表格中删除
            }
            Ext.Ajax.request({
                url:'remove.htm?id=' + rescid,
                success:function(){
                    Ext.MessageBox.alert('提示', '删除成功！');
                    ds.load({params:{start:0, limit:myPageSize}});
                },
                failure:function(){Ext.MessageBox.alert('提示', '删除失败！');}
            });
        }else{
            return;
        }
    }
    // 提供校验功能
    Ext.form.Field.prototype.msgTarget = 'side';
    Ext.form.Field.prototype.height = 20;
    Ext.form.Field.prototype.fieldClass = 'text-field-default';
    Ext.form.Field.prototype.focusClass = 'text-field-focus';
    Ext.form.Field.prototype.invalidClass = 'text-field-invalid';
    // 表单
    var name_tf = new Ext.form.TextField({
            fieldLabel: '资源名称',
            name: 'name',
            allowBlank:false
    });
    var resType_tf = new Ext.form.TextField({
        fieldLabel: '资源类型',
        name: 'resType',
        allowBlank:false
    });
    var resString_tf = new Ext.form.TextField({
        fieldLabel: '资源地址',
        name: 'resString',
        allowBlank:false
    });
    var descn_tf = new Ext.form.TextField({
        fieldLabel: '资源描述',
        name: 'descn',
        allowBlank:true
    });
    var form_instance_create = new Ext.form.Form({
        labelAlign: 'right',
        url:'insert.htm'
    });
    form_instance_create.column({width: 430, labelWidth:120, style:'margin-left:8px;margin-top:8px'});
    form_instance_create.fieldset(
        {id:'addresc', legend:'添加资源----请填写数据:'},
        name_tf,
        resType_tf,
        resString_tf,
        descn_tf
    );
    form_instance_create.applyIfToFields({width:255});
    form_instance_create.render('a-addInstance-form');
    form_instance_create.end();
    resetForm = function() {
        name_tf.setValue('');
        resType_tf.setValue('');
        resString_tf.setValue('');
        descn_tf.setValue('');
    };
    // 更新资源
    var id_show = new Ext.form.TextField({
        // labelStyle: 'display: none',
        inputType: 'hidden',
        name: 'id',
        readOnly: true,
        allowBlank:false,
        labelStyle:'display: none'
    });
    var name_show = new Ext.form.TextField({
        fieldLabel: '资源名称',
        name: 'name',
        allowBlank:false
    });
   var resType_show = new Ext.form.TextField({
        fieldLabel: '资源类型',
        name: 'resType',
        allowBlank:false
    });
    var resString_show = new Ext.form.TextField({
        fieldLabel: '资源地址',
        name: 'resString',
        allowBlank:false
    });
    var descn_show = new Ext.form.TextField({
        fieldLabel: '资源描述',
        name: 'descn',
        allowBlank:true
    });
    var form_instance_update = new Ext.form.Form({
        labelAlign: 'right',
        url:'update.htm'
    });
    form_instance_update.column({width: 430, labelWidth:120, style:'margin-left:8px;margin-top:8px'});
    form_instance_update.fieldset({
        id:'updateResc', legend:'更新资源----请填写数据:'},
        name_show,
        resType_show,
        resString_show,
        descn_show,
        id_show
    );
    form_instance_update.applyIfToFields({width:255});
    form_instance_update.render('a-updateInstance-form');
    form_instance_update.end();
});