ExtJS专题-TreePanel(1)

duansky — Tue, 17 Aug 2010 06:58:00 GMT

摘要: 阅读全文

duansky 2010-08-17 14:58 发表评论

关于extjs开发的方式

duansky — Fri, 16 Oct 2009 14:36:00 GMT

我觉�?开发EXTJS,首先要徏立的��是�l��g化编�E?你把一个form作�ؓ一个组�?也可以将半个��面都作��Z��个组�?当组件化�~�程之后你就要考虑分类�?分模块开发了,

我认�?一个组件一个JS文�g,多个�l��g拼接成一个模�?�q�些�l��g都放在一个文件夹�?命名�Ҏ��其实很简�?�c�M��java�?
在App文�g夹下的Scene文�g夹内
App.Scene.ScreenManager.js
    Ext.namespace("App.Scene.ScreenManager.XX","App.Scene.ScreenManager.YY");

App.Scene.ScreenControl.js
    Ext.namespace("App.Scene. ScreenControl.XX","App.Scene. ScreenControl.YY");

App.Scene.Main.js
    Ext.namespace("App.Scene. Main.XX","App.Scene.Main.YY");

在App文�g夹下的Business文�g夹内
App.Business.CheckUser.js
    //同上
App.Business.Logout.js
    //同上

�q�且,切记,要把Extjs当做java来写,因此,你的�E�序只能有一个入口即只能允许整个�E�序中只出现一�?
Ext.onReady(function(){

});
很多��Z��信Extjs可以�q�样�?说只能应用在��型的项目中,但是我可以告诉你,�q�样的写法完全适用与大��目,而且是项目越大越能展现出他的好处

我经历过刻骨铭心的失败�ȝ��Z��下几点经�?
1.�l�不使用全局变量(如有必要,可以用静态方法来�?
2.不能讄��l��g�?包括该组件下的小�l��g�?ID�q�个属�?(此组件的�z��c�M��可以随意).
3.�E�奇古怪的代码��写,因�ؓ你不能保证你的EXTJS版本永远停留在当前版本上(如果公司有钱买授权的�?
4.能在后台完成的业务逻辑坚决不在前台�?即��在前台做看�v来比较简�?如果前台坐�v来非常简单就��了,例如验证)
5.�l�一��理你的JSON生成.
6.规范你的代码

我下面有一�D�代码是我的风格,当然可能�q�不适合�?

Js代码

Ext.ns("App.Users.CURD");
/**
* 必要的注释一个不能少,Javascript代码�l�护��h��没有java好维�?...
*
*/
App.Users.CURD = Ext.extend(Ext.Panel,{
//属性代码全部写在这�?
title:"CURD",
//初始化组�?如果你的�l��g需要改变样式或者需要动它的dom,你可以重写父�cȝ��onRender,�q�把部分视图代码攑֜�onRender函数�?
initComponent:function(){
App.Users.CURD.superclass.initComponent.call(this,arguments);
//先定义自定义事�g(如果必要的话)
//接着视图代码全部写在�q�里
},
//�Ҏ��函数全部写在�q�里
//先将与后台数据交互的函数写出�?
addUser : function() {
//对应后台同名的Action�Ҏ��函数
},
delUser : function() {
//对应后台同名的Action�Ҏ��函数
},
updateUser : function() {
//对应后台同名的Action�Ҏ��函数
},
//供自己内部��用的函数跟在后面
formClear : function() {
},
//提供�l�外部调用的函数紧跟数据操作
getSelectUsers : function(){
return ......
}
setXXXX : function() {
},
//最后就是事件处理函�?因�ؓ函数比较�?事�g处理往往伴随着��面逻辑,攑֜�后面比较好找....混在中间不太好找
onSubmit : function() {
},
onDelet : function() {
}
});
//*因�ؓ是基于UI的组�?因此一般都可以独立��试,��试通过后注释掉卛_��(注意我的注释写法)
Ext.onReady(function(){
//.........
});
//*/

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

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

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

    },
    onDelet : function() {

    }
});

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

最后一�?...无论是ASP.NET�l��g(Coolite)�q�是什么可视化�l��g,前期学习都不要��?

转自: http://www.javaeye.com/topic/486697

duansky 2009-10-16 22:36 发表评论

duansky — Mon, 17 Mar 2008 07:11:00 GMT

摘要: 阅读全文

duansky 2008-03-17 15:11 发表评论

使用Ext2.0制作漂亮的登陆面�?

duansky — Fri, 14 Mar 2008 10:07:00 GMT

摘要: 阅读全文

duansky 2008-03-14 18:07 发表评论

亚洲永久中文字幕在线,久久亚洲伊人中字综合精品,亚洲Av无码一区二区二三区

ExtJS专题-TreePanel(1)

关于extjs开发的方式

使用Ext2.0制作漂亮的登陆面�?