0

私はExtDesignerで設計されたウィンドウを使用し、生成されたjsonは次のようになります。

{
    xtype: 'window',
    height: 477,
    width: 666,
    layout: 'fit',
    title: '添加广告位',
    items: [
        {
            xtype: 'form',
            bodyStyle: 'padding: 10px',
            title: '',
            items: [
                {
                    xtype: 'textfield',    
                    anchor: '100%',
                    fieldLabel: '名称'
                },
                {
                    xtype: 'radiogroup',
                    anchor: '100%',
                    fieldLabel: '广告类型',
                    items: [
                        {
                            xtype: 'radio',
                            boxLabel: '文字'
                        },
                        {
                            xtype: 'radio',
                            boxLabel: '图片'
                        }
                    ]
                }
            ]
        }
    ]
}

コピーしましたが、使い方がわかりません。それをextjsコンポーネントに変換する方法が見つかりません。どうやってするの？

PS：私はextjs2.2を使用しています

4

2 に答える 2

2

ExtJS コンポーネントを作成するには 2 つの方法があります。

  1. コンポーネントを明示的に作成します。例: new Ext.Window({...});. このようにして、イベントリスナー、追加のメソッドなどを意味するコンポーネントをすぐに取得します。

  2. 2 番目の方法は遅延読み込みです。これはxtype、プレーンな JavaScript オブジェクトでコンポーネントの を指定することによって行われます。これはまさにあなたが持っているものです。

2 番目の方法を機能させるには、xtype-javascript-object を ExtJs コンテナーに含める必要があります。コンテナーは適切なタイミングでそれをレンダリングする方法を認識します。

例えば ​​：

Ext.onReady(function(){
    new Ext.Viewport({
        layout : 'fit',
        items : [{
            xtype: 'window',
            height: 477,
            width: 666,
            layout: 'fit',
            title: '添加广告位',
            items: [...]
        }]
    });
});
于 2012-01-01T15:42:55.370 に答える
0

このようなものを探していると考えてください。これにより、ウィンドウがポップアップで表示されます。

var win = new Ext.Window({
width:400
,id:'autoload-win'
,height:300
,autoScroll:true
});
win.show();
于 2012-01-01T14:08:52.757 に答える