返回列表 發帖

Ext 2.0 預覽

Ext 2.0 即將有新版本囉,即將的意思就是現在還是看得到、但是吃不到。無妨,先看看有什麼新東西吧。


Grouping & Group Summary
太正點了這個功能! Ext 原本的 Grid 就做得相當不錯,現在加上了一個階層的群組功能,還可以做群組加總,非常適合拿來做簡單的報表。




Scrolling Tabs
Tab 也是 Ext 原本就有,現在再加上可左右捲動的功能,不用擔心 Tab 過多了。




Anchor Layout
是否覺得寫 Windows 程式時,物件大小可以隨著容器大小變動是個很方便的功能? 現在你在 Web 網頁上也可以做到了,Ext 在 Form 的功能上做了加強,用簡單的設定就可以達到這個目的。
var form = new Ext.form.FormPanel({
        baseCls: 'x-plain',
        labelWidth: 55,
        url:'save-form.php',
        defaultType: 'textfield',
        items: [{
                fieldLabel: 'Send To',
                name: 'to',
                anchor:'100%'  // anchor width by percentage
        },{
                fieldLabel: 'Subject',
                name: 'subject',
                anchor: '100%'  // anchor width by percentage
        },{
                xtype: 'textarea',
                hideLabel: true,
                name: 'msg',
                anchor: '100% -53'  // anchor width by percentage and height by raw adjustment
        }]
});
Column Tree
Ext 2.0 將會提供更多 Ext UI 客製化的範例,例如以下這個範例,Ext tree panel 在節點上加入了欄位,讓你的 tree 展現更多樣的風貌。




Web Desktop
這是另一個 Ext 2.0 的範例,你可以看到有開多個視窗的效果、有工作列等等,整個網頁看起來就像桌面應用程式一樣。




更多 Ext 2.0 的範例
http://extjs.com/playpen/ext-2.0-dev5/examples/

這真是太神奇了!jQuery!

版主提供的都是精典~
還在javascript卡等中~呼~

TOP

哇,這則已經是舊聞了,現在 ExtJS 已經出了 2.2.1
To infinity and beyond!

TOP

返回列表 回復 發帖