Extdesigner重新安裝注意和生成組件的UI中應用

最新推荐文章于 2025-05-02 11:42:49 发布

原创最新推荐文章于 2025-05-02 11:42:49 发布 · 561 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #winform #function #layout #破解 #c

javacript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何正确使用ExtJS Designer生成的UI代码，并提供两种实例演示，一种是使用TabPanel组件，另一种是创建弹出窗口并内嵌标签页组件。

安裝小貼仕：

重新安裝時，需要把C:/Documents and Settings/user/Local Settings/Application Data/Ext JS, Inc/Ext Designer目錄刪除，否則安裝的使用日期不會重新開始。

另外，因此軟件安裝是要連網的，所以想破解這個軟件，根據目前來說是做不到的。但是，有一個方法可以延長試用期。只要安裝前把系統的時間調後面幾年，等安裝完成并且使用註冊的用戶名登錄後，再把系統系統改回來即可。當然，還有另外一個方法：如果沒有調時間而按照正常的步驟安裝，當試用期滿後，以後使用可把系統時間改前幾年，打開該軟件後，再把系統時間改回來。

那安裝好之後，如何使用這個Designer生成的UI代碼呢？網上有很多人問，也有很多人有各種各樣的說法，但是幾乎不是希望的結果，當然，這些都解決不了問題。這裡就說明一下如何使用，希望大家少走彎路。

使用時，可以直接Copy自身生成的代碼後，再聲明對象後，調用render(document.body)即可。

（1）實例一：

MyTabsUi = Ext.extend(Ext.TabPanel, {
    activeTab: 0,
    width: 400,
    height: 250,
    initComponent: function() {
        this.items = [
            {
                xtype: 'panel',
                title: 'Tab 1'
            },
            {
                xtype: 'panel',
                title: 'Tab 2'
            },
            {
                xtype: 'panel',
                title: 'Tab 3'
            }
        ];
        MyTabsUi.superclass.initComponent.call(this);
    }
});

var tag = new MyTabsUi();
tag.render(Ext.getBody());

（2）實例二

winform0 = function() {
    MyWindowUi = Ext.extend(Ext.Window, {
        title: 'My Window',
        width: 344,
        height: 166,
        initComponent: function() {
            this.items = [
                {
                    xtype: 'form',
                    title: 'My Form',
                    labelWidth: 100,
                    labelAlign: 'left',
                    layout: 'form',
                    width: 330,
                    height: 136,
                    items: [
                        {
                            xtype: 'tabpanel',
                            activeTab: 0,
                            items: [
                                {
                                    xtype: 'panel',
                                    title: 'Tab 1'
                                },
                                {
                                    xtype: 'panel',
                                    title: 'Tab 2'
                                },
                                {
                                    xtype: 'panel',
                                    title: 'Tab 3'
                                }
                            ]
                        }
                    ]
                }
            ];
            MyWindowUi.superclass.initComponent.call(this);
        }
    });