Js代码

1. Ext.ns("App.Users.CURD");   
2. /**  
3.  * 必要的注释一个不能少,Javascript代码维护起来没有java好维护....  
4.  *  
5.  */  
6. App.Users.CURD = Ext.extend(Ext.Panel,{   
7.     //属性代码全部写在这里   
8.     title:"CURD",   
9.     //初始化组件(如果你的组件需要改变样式或者需要动它的dom,你可以重写父类的onRender,并把部分视图代码放在onRender函数中)   
10.     initComponent:function(){   
11.         App.Users.CURD.superclass.initComponent.call(this,arguments);   
12.         //先定义自定义事件(如果必要的话)   
13.            
14.         //接着视图代码全部写在这里   
15.   
16.     },   
17.     //方法函数全部写在这里   
18.     //先将与后台数据交互的函数写出来   
19.     addUser : function() {   
20.         //对应后台同名的Action方法函数   
21.     },   
22.     delUser : function() {   
23.         //对应后台同名的Action方法函数   
24.     },   
25.     updateUser : function() {   
26.         //对应后台同名的Action方法函数   
27.     },   
28.     //供自己内部使用的函数跟在后面   
29.     formClear : function() {   
30.   
31.     },   
32.     //提供给外部调用的函数紧跟数据操作   
33.     getSelectUsers : function(){   
34.         return ......   
35.     }   
36.     setXXXX : function() {   
37.     },   
38.     //最后就是事件处理函数,因为函数比较多,事件处理往往伴随着页面逻辑,放在后面比较好找....混在中间不太好找   
39.     onSubmit : function() {   
40.   
41.     },   
42.     onDelet : function() {   
43.   
44.     }   
45. });   
46.   
47. //*因为是基于UI的组件,因此一般都可以独立测试,测试通过后注释掉即可(注意我的注释写法)   
48. Ext.onReady(function(){   
49.     //.........   
50. });   
51. //*/  

Ext.ns("App.Users.CURD");
/**
 * 必要的注释一个不能少,Javascript代码维护起来没有java好维护....
 *
 */
App.Users.CURD = Ext.extend(Ext.Panel,{
    //属性代码全部写在这里
    title:"CURD",
    //初始化组件(如果你的组件需要改变样式或者需要动它的dom,你可以重写父类的onRender,并把部分视图代码放在onRender函数中)
    initComponent:function(){
        App.Users.CURD.superclass.initComponent.call(this,arguments);
        //先定义自定义事件(如果必要的话)
        
        //接着视图代码全部写在这里

    },
    //方法函数全部写在这里
    //先将与后台数据交互的函数写出来
    addUser : function() {
        //对应后台同名的Action方法函数
    },
    delUser : function() {
        //对应后台同名的Action方法函数
    },
    updateUser : function() {
        //对应后台同名的Action方法函数
    },
    //供自己内部使用的函数跟在后面
    formClear : function() {

    },
    //提供给外部调用的函数紧跟数据操作
    getSelectUsers : function(){
        return ......
    }
    setXXXX : function() {
    },
    //最后就是事件处理函数,因为函数比较多,事件处理往往伴随着页面逻辑,放在后面比较好找....混在中间不太好找
    onSubmit : function() {

    },
    onDelet : function() {

    }
});

//*因为是基于UI的组件,因此一般都可以独立测试,测试通过后注释掉即可(注意我的注释写法)
Ext.onReady(function(){
    //.........
});
//*/