2

次の方法でコントローラーからレコードを渡しています。

showDetail: function (list, record) {

    this.getMain().push({
        xtype: 'leaddetail',
        data: record.data
    });
},

私の見解：

Ext.define('ApexChat.view.LeadDetail', {
extend: 'Ext.Panel',
xtype: 'leaddetail',

init: function() {
    debugger;
},


config: {
    styleHtmlContent: true,
    scrollable: 'vertical',
    title: 'Details',
    frame: true,
    labelwidth: 75,




    items: [
    {
        xtype: 'fieldset',
        columnWidth: 0.5,
        collapsible: true,
        title: 'Lead Information',
        defaultType: 'textfield',
        defaults: { anchor: '100%' },
        layout: 'vbox',
        items: [
            {
                fieldLabel: 'Name',
                name: 'name',
                tpl: '{name}',
                value: '{name}',
                disabled: true
            },
            {
                fieldLabel: 'Email',
                name: 'email',
                value: '{email}',
                disabled: true
            },
            {
                fieldLabel: 'Phone',
                name: 'phone',
                value: '{phone}',
                disabled: true
            }
        ]
       }, 
       {
           xtype: 'fieldset',
           columnWidth: 0.5,
           collapsible: true,
           title: 'Exta Information',
           defaultType: 'textfield',
           defaults: { anchor: '100%' },
           layout: 'vbox',
         items: [
            {
                fieldLabel: 'Company Key',
                name: 'companykey',
                value: '{companyKey}',
                disabled: true
            },
            {
                fieldLabel: 'Chat ID',
                name: 'chatid',
                value: '{chatId}',
                disabled: true
            },
            {
                fieldtype: 'textarea',
                fieldLabel: 'Notes',
                name: 'notes',
                value: '{notes}',
                disabled: true
            }
        ]
    }
 ]
}
});

しかし、テキストフィールド内にはまだ {companyName} が表示されています

そのようにできないと仮定すると、コントローラーから渡されたレコードにアクセスして、 .get('name') またはそれに類似したものを実行するにはどうすればよいですか?

4

1 に答える 1

1

tplカスタム HTML のレンダリングにdata使用されますが、Ext フィールドは独自のレンダリングを処理するコンポーネントです。tpl高度なユースケースを除いて、それらに触れる必要はありません。

主に HTML テンプレートに基づく他のフレームワークとは対照的に、Ext は本質的にオブジェクト指向のコンポーネント ライブラリです。自分で HTML レベルに移動することはめったにありません。

一連のフィールドの値を一度に設定するには、それらをExt.form.Panel. 次にsetValues、または、場合によってはより適切に使用できますsetRecord。

あなたの例を使用すると、フィールドを次のように構成できます。

Ext.define('ApexChat.view.LeadDetail', {
    extend: 'Ext.Panel',
    xtype: 'leaddetail',

    config: {
        ...
        items: [{
            fieldLabel: 'Name',
            // you only need the name for the field to load data
            name: 'name'
        },{
            fieldLabel: 'Email',
            name: 'email'
        }]
    }
});

record次に、構成オプションを使用して、作成時にレコードを割り当てることができます。

this.getMain().push({
    xtype: 'leaddetail',
    // using record config option
    record: record
});

または、メソッドを使用してデータをロードできます。

// get a ref to your component the way you want, this line just illustrates what's in formPanel
var formPanel = Ext.create({xtype: 'leaddetail'});

// using setValues
formPanel.setValues(record.data);

// or using setRecord
formPanel.setRecord(record);
于 2013-06-08T01:24:12.757 に答える