widgetcolumn：dataIndex

Question

へのウィジェットのバインド可視私はボタンが含まれているwidgetcolumnを持っている：

xtype:'widgetcolumn', 
dataIndex: 'canUpdateKey', 
itemId:'updateKey', 
width:120, 
widget: { 
    xtype: 'button', 
    text: 'Update key', 
    hidden: '{!record.canUpdateKey}' 
} 

私だけcanUpdateKeyが記録に真でボタンを表示したいです。これはインデントされたようには機能しません。あなたのボタンウィジェット内Relevant fiddle

Answer 1

：

レンダリングコンポーネントがどのViewModelにから を継承注入さExt.app.ViewModelを持っていることをグリッドが使用されており、2つの追加の プロパティを含みます。レコードおよびrecordIndex

ウィジェットの設定に、 ViewModelのデータを使用するcfg-bind設定を含めることができます。

だから、あなたは、このように、代わりにバインドを使用する必要があります。

xtype:'widgetcolumn', 
dataIndex: 'canUpdateKey', 
itemId:'updateKey', 
width:120, 
widget: { 
    xtype: 'button', 
    text: 'Update key', 
    bind: { 
     hidden: '{!record.canUpdateKey}' 
    } 
} 

フィドル：https://fiddle.sencha.com/#view/editor&fiddle/26ig

Answer 2

、これを試してみてください：widget設定のドキュメントから

listeners:{ 
       render:function(btn){ 
        if(!btn.getWidgetRecord().data.canUpdateKey) 
        btn.hide(); 
       } 
       }