Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript extjs5 widgetcolumn在单个单元格中包含多个小部件_Javascript_Extjs_Widget_Extjs5 - Fatal编程技术网

Javascript extjs5 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

我创建了一个widgetcolumn作为包含多个组件的面板。如何将记录参数与这些组件链接

例如:

{
    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
}