Javascript extjs5 widgetcolumn在单个单元格中包含多个小部件
我创建了一个widgetcolumn作为包含多个组件的面板。如何将记录参数与这些组件链接 例如:Javascript extjs5 widgetcolumn在单个单元格中包含多个小部件,javascript,extjs,widget,extjs5,Javascript,Extjs,Widget,Extjs5,我创建了一个widgetcolumn作为包含多个组件的面板。如何将记录参数与这些组件链接 例如: { xtype: 'widgetcolumn', dataIndex: 'data', widget: { xtype: 'panel', height: 77, width: 642, layout: { type: 'vbox', align: 'stretch
{
xtype: 'widgetcolumn',
dataIndex: 'data',
widget: {
xtype: 'panel',
height: 77,
width: 642,
layout: {
type: 'vbox',
align: 'stretch'
},
items: [
{
xtype: 'button',
text: record.get('name') //<<-- how can i link this record from the grid with this component?
},
{
xtype: 'button',
text: record.get('type') //<<-- how can i link this record from the grid with this component?
},
{
xtype: 'button',
text: record.get('location') //<<-- how can i link this record from the grid with this component?
}
]
}
}
也许,我可以通过渲染器功能访问记录?大概是这样的:
renderer: function(value, meta, record) {
//How can I get access to widget instance?
}
我解决了这个问题。我们需要访问父元素widgetcolumn,然后调用函数getWidgetRecord
{
xtype: 'label',
text: 'Some text...',
cls: 'gridcall-label-asgmt',
listeners: {
resize: function(label) {
var parent = label.up();
while(typeof parent.up() !== 'undefined') {
parent = parent.up();
} // --- while
var record = parent.getWidgetRecord();
if (typeof record === 'undefined') return;
label.setText(record.data.asgmt, false);
} // --- resize
} // --- listeners
}我解决了这个问题。我们需要访问父元素widgetcolumn,然后调用函数getWidgetRecord
{
xtype: 'label',
text: 'Some text...',
cls: 'gridcall-label-asgmt',
listeners: {
resize: function(label) {
var parent = label.up();
while(typeof parent.up() !== 'undefined') {
parent = parent.up();
} // --- while
var record = parent.getWidgetRecord();
if (typeof record === 'undefined') return;
label.setText(record.data.asgmt, false);
} // --- resize
} // --- listeners
}我解决了这个问题。我们需要访问父元素widgetcolumn,然后调用函数getWidgetRecord
{
xtype: 'label',
text: 'Some text...',
cls: 'gridcall-label-asgmt',
listeners: {
resize: function(label) {
var parent = label.up();
while(typeof parent.up() !== 'undefined') {
parent = parent.up();
} // --- while
var record = parent.getWidgetRecord();
if (typeof record === 'undefined') return;
label.setText(record.data.asgmt, false);
} // --- resize
} // --- listeners
}我解决了这个问题。我们需要访问父元素widgetcolumn,然后调用函数getWidgetRecord
{
xtype: 'label',
text: 'Some text...',
cls: 'gridcall-label-asgmt',
listeners: {
resize: function(label) {
var parent = label.up();
while(typeof parent.up() !== 'undefined') {
parent = parent.up();
} // --- while
var record = parent.getWidgetRecord();
if (typeof record === 'undefined') return;
label.setText(record.data.asgmt, false);
} // --- resize
} // --- listeners
}