【原创】Extjs4 通用CURD方法

<script>
/**
 * Author:xiaojiang
 * create_time: 2012-06-01
 * reason: 通用curd 方法
 * */
Ext.define("App.util.CommonDoActionUtil",{
    /**
     * Form添加信息   合并insert 和 update 功能
     * @parse  form  {}     对应form 
     * @parse  parse {}
     *   parse.grid      {}       要刷新的grid
     *   parse.pk        string   对应form的主键ID 默认为id
     *   parse.callback  function 执行后的回调函数
     * */
    doInsert:function(form,parseObj){
        if(!form){
            alert("Invalid arguments");
            return;
        }
        _form = form.getForm();
        if (_form.isValid()) {
            var pk = parseObj.pk || 'id';     //取得对应主键
            var type = form.getValues()[pk] ? 'update' :'insert';
            var url  = parseObj.grid.getStore().getProxy().api[type];
            if(url == undefined) {
                console.dir('Invalid url'); return;
            }
            form.submit({
                url: url,
                submitEmptyText: false,
                waitMsg: '提交...',
                success: function(form, action) {
                    var ret = eval('('+action.response.responseText+')');
                    Ext.Msg.alert('提示', ret.message);
                    form.reset();
                    if(parseObj.grid != undefined) parseObj.grid.store.load();
                    if(typeof (parseObj.callback) == 'function') parseObj.callback(_form); //调用回调函数
                },
                failure: function(form, action) {
                    var ret = eval('('+action.response.responseText+')');
                    Ext.Msg.alert('提示', ret.message);
                }
            });
        }
    },


    // -- grid begin --
    /**
     * 删除grid 选择信息
     * @parse {}     对应grid
     * @parse {
     *     .pk        string   对应form的主键ID 默认为id
     *     .Msg       1 是否 不显示弹出信息
     * }
     * */
    doDelete:function(grid,ParseObj){
        if(!grid){
            alert("Invalid arguments");
            return;
        }
        var pk  = (ParseObj !=undefined && ParseObj.pk) ? ParseObj.pk : 'id';         //取得对应主键
        var Msg = (ParseObj !=undefined && ParseObj.Msg != undefined) ? ParseObj.Msg : '确定要删除此记录吗';        
        var store = grid.getStore();   //得到数据集合
        var records = grid.getSelectionModel().getSelection();
        var data = [];
        var Parse = {};
        Ext.Array.each(records,function(model){
            data.push(model.get(pk));
        });
        Parse[pk] = data.join(",");     //存入参数
        if(data.length > 0){
            if(Msg){               //判断是否需要弹出确认框
                 Ext.MessageBox.confirm("提示",Msg,function(btn){
                        if(btn == 'yes'){
                            Ext.Ajax.request({
                                url:store.getProxy().api['remove'],
                                params:Parse,
                                timeout:4000,
                                success:function(response,opts){
                                    var ret = eval("("+response.responseText+")");
                                    Ext.Msg.alert("提示", ret.message);
                                    grid.store.load();
                                }
                            })
                        }
                });
            }else{
                Ext.Ajax.request({
                    url:store.getProxy().api['remove'],
                    params:Parse,
                    timeout:4000,
                    success:function(response,opts){
                        var ret = eval("("+response.responseText+")");
                        Ext.Msg.alert("提示", ret.message);
                        grid.store.load();
                    }
                })    //待优化
            }
        }else{
            Ext.Msg.alert("提示", "请选择一条信息");
        }
        
    },
    
    /**
     * 树形删除操作
     * @param {}      Tree   要操作的树
     * @param string  pkv      唯一标识值
     * @param string  pk      唯一标识pk
     */
    doDeleteT: function(Tree,pkv,pk,callback){
        if(!Tree || !pkv) return;
        var me = this, param ={},url = Tree.getStore().getProxy().api['remove'];   //得到数据集合
        param[pk] = pkv;              //设置参数
        Ext.Ajax.request({
            url: url,
            params: param,
            success: function(response , opt){
                var node = me.getNodeByPk(Tree,pkv,pk);
                var parentNode = node.parentNode;
                try{
                    if(parentNode){
                        parentNode.removeChild(node);
                        if(!parentNode.getChildAt(0)){
                            parentNode.data['leaf'] = true;
                            parentNode.updateInfo({leaf:true});
                        }
                    }
                }catch(e){
                    console.log(e);
                }
                if(typeof(callback) == 'function') callback(response);  //执行回调函数
                var ret = eval("("+response.responseText+")");
                Ext.Msg.alert("提示",ret.message);
            }
        });
    },
    /**
     * 树形维护插入/更新操作
     * @param {} tree
     * @param {
     *    pk      : 主键id
     *    pid     : 父级标识(pid)
     *    param   : 插入/更细数据
     *    callback: 回调函数(插入成功后的id)
     * }
     */
     doInsertT: function(tree,paramObj){
         var me = this;
         if(!tree){
                alert("参数传递不正确");
                return;
         }
         var pk     = paramObj.pk || 'id',parseObj = paramObj.param;     //取得对应主键
         var type   = parseObj[pk] ? 'update' :'insert';                 //更新/插入数据
             Ext.Ajax.request({
                    url: tree.getStore().getProxy().api[type],
                    params:parseObj,
                    submitEmptyText: false,
                    waitMsg: '提交...',
                    success: function(res, action) {
                        var ret = eval('('+res.responseText+')');
                        var ret_arr = ret.message.split('-');
                        if('update' == type){
                            var Node =  me.getNodeByPk(tree,parseObj[pk],pk);
                            var _Node = Node;
                             _Node.data = Ext.apply(_Node.data,parseObj);
                             Node.parentNode.replaceChild(_Node,Node);     //更新节点
                        }else if('insert' == type){
                            var pid  = paramObj.pid || 'pid' ,pidVal = parseObj[pid];
                            var parentNode = me.getNodeByPk(tree,pidVal,pk);
                            var resObj = Ext.applyIf({
                                id  : ret_arr[1],
                                text:parseObj["text"],
                                leaf:true
                            },parseObj);
                              if(resObj[pk] == '') resObj[pk] = ret_arr[1]; // 当主键为返回型时
                            if(parentNode){                               // 判断是否有父级节点                      
                                try{
                                    parentNode.data['leaf'] = false;
                                    parentNode.updateInfo();
                                     //设置为parentNode 添加元素
                                    parentNode.appendChild(resObj);
                                    parentNode.expand();
                                }catch(e){
                                    console.dir(e);
                                }                     
                            }else{                                        //无父节点  ,即为根节点
                                var rootNode = tree.getStore().getRootNode();
                                rootNode.appendChild(resObj);
                            }
                        }
                        Ext.Msg.alert('提示', ret_arr[0]);
                        if(typeof (paramObj.callback) == 'function') paramObj.callback(ret_arr[1]); //调用回调函数
                    },
                    failure: function(form, action) {
                        var ret = eval('('+action.response.responseText+')');
                        Ext.Msg.alert('提示', ret.message);
                    }
              });
     },
     /**
      * 通过主键获取Node
      * @param {}       treeObj
      * @param string   pkv    主键值
       * @param string   pk     主键标识
      */
     getNodeByPk:function(tree,pkv,pk){
         if('id' == pk){           //默认pk
              var Node = tree.getStore().getNodeById(pkv);  
          }else{                    //若不是id则循环查找节点
              for(i in tree.getStore().tree.nodeHash){
                   if(pkv ==  tree.getStore().tree.nodeHash[i].data[pk]){
                       Node = tree.getStore().tree.nodeHash[i];
                       break;
                   }
              }
          }
         return Node;
     }
     
});


</script>

思想是基于uspcat 的，改成自己项目需要的。。。

只要思路是把对grid 和Tree的操作封装到uitl 里面。类似java的Service 层 技术上不是很复杂。大家可以针对各自应用自行修改

使用方法：

<script>
//在controller 的init 方法里添加
    var me = this;
    me.DoAction = Ext.create('App.util.CommonDoActionUtil');//加载通用CURD
//在对应的方法中调用
   'userListX button[id=delUser]':{
                  click:function(o){
                        var grid = o.ownerCt.ownerCt;
                            me.DoAction.doDelete(grid);
                  }
    } //删除用户
</script>