三个必须™å?  title,root ,loader
new Ext.tree.TreePanel({
           rootVisible : false,
           useArrows : true,// 是否使用½Ž­å¤´æ ·å¼
           loader : new Ext.tree.TreeLoader({
              url : "tree-data.json"
             }),
           title : "tool1",
           root : new Ext.tree.AsyncTreeNode()
          }), {
         title : "tool2"

(4)Extjs 日期的ä‹É用方æ³?昄¡¤º,接收,定义,提交)

//重新¾l‘定grid
this.grid.reconfigure(newStore, new Ext.grid.ColumnModel(cm1));
//重新¾l‘定分页工具æ ?/span>
this.pagingBar.bind(newStore);
//重新加蝲数据�br /> newStore.load({params:{start:0,limit:10}});


(7)tabpanel判断tab™åµåœ¨ä¸åœ¨
           var tem=tabpanel.getItem("tabpage"); //判断tab™åµåœ¨ä¸åœ¨.
            if(tem)
            Ext.Msg.alert("ok");
            else
            Ext.Msg.alert("not");

(8)panel动态加载tbar(可扩展进行åšg伸控制ä“Q何DIV)
var pan=new Ext.Panel({tbar:new Ext.Toolbar({})....); //定义½Iºå¯¹è±¡å®¹æ˜“在PANEL加蝲时没加蝲tbaråQŒæ‰€ä»¥ä¼š(x¨¬)出现没有高度或隐藏è“væ?/span>
var t=new Ext.Toolbar({...});
document.getElementById(pan.tbar.id).innerHTML = ""; //清空panel.tbar下的所有内å®?br /> t.render(pan.tbar); //toolpanel昄¡¤ºåˆ°panel.tbar(div)ä¸?/span>

(9)Extjs 扩展¾l§æ‰¿å­ç±»(Ext.extend())
var subclass=Ext.extend(XX,{   //¾l§æ‰¿Extjs¾c?可覆盖或æ·ÕdŠ å…¶å­¾cȝš„属性或æ–ÒŽ(gu¨©)³•
xx:...,
xx:...
});
var tem=new subclass({});

(10)Ext.data.Record ¾c?引用和赋值问é¢?/strong>
var record=new Ext.data.Record({});
......
store.insert(0,record);  //record值勤改变.store中的å€ég¹Ÿæ”¹å˜.
store.insert(0,record.copy);  //record值改å?store中的å€ég¸å?record.copy()复制˜q”回另一个记å½?

(11)Ext.apply 无法复制 Ext.data.JsonStore ½{‰æ•°æ®æºç›¸å…³çš„ç±»åž?/strong>
var store2 = new Ext.data.JsonStore({});
var store3={};
Ext.apply(store2,magazine_store); //效果无用.store2仍引用magazine_store,无法独立使用.
Ext.apply(store3,magazine_store); //效果同上.
store3=Ext.apply(store2,magazine_store); //效果同上.

(12)TabPanel子窗å?如Ext.Panel½{?隐藏属性closable
TabPanel子窗å?如Ext.Panel,Ext.grid.GridPanel½{?隐藏属性closable:true/false //昄¡¤º/隐藏子窗口右上角的关闭按é’?br /> æ³?此属性只有TabPanel子窗口才有效.

(13)Panel çš?tools 配置™å?/strong>
new Ext.Panel({...
tools:[{
    id:'refresh',  //必选项
    qtip: 'Refresh form Data',
    // hidden:true,
    handler: function(event, toolEl, panel){     //å¿…é¡»™å?br />         // refresh logic
    }
}]
...})
API详见:  http://www.aygfsteel.com/algz/articles/277819.html

(14)Extjs 首页 "load..." 制作æ–ÒŽ(gu¨©)³•
http://www.aygfsteel.com/algz/articles/277844.html

(15)Extjs 漂亮的Panel折叠伸羃控äšg layout:'accordion'
http://www.aygfsteel.com/algz/articles/278217.html

(16)Ext.grid.GridPanel çš„columns属性和Ext.data.Storeçš„fields属性均可äØ“(f¨´)数组
columns:cm    //cm=[....{...}...]    cm=new Ext.Ext.grid.ColumnModel([...])
fields:f            //f=[...]  f=new Ext.data.Record.create([...])

(17)使用XTemplate动态加载panel½{‰ç»„件内å®?/strong>
//可以采用异步˜qœç¨‹å–å€?br /> var board_data = {
 title : "title",
 content : ""
};
//可以是ä“Q意组ä»?br />     var board_w = new Ext.Window({
       id : "board_w",
       title : "公告",
       modal : true,
             });
    // 以下æ–ÒŽ(gu¨©)³• Ext.fly("board_w");Ext.get("board_w")都错
    tpl.overwrite(Ext.getCmp("board_w").body, data);// 更新公告内容

紫蝶∏飛揚↗ 2009-02-21 12:03 发表评论

]]>