ExtJs网格显示为[object Object]

时间:2016-09-14 02:46:52

标签: extjs

帮我处理我的代码。它返回[object Object]。如何将其作为按钮返回

{
    xtype: 'gridcolumn',
    width: 100,
    header: 'Apply Action',
    dataIndex: 'Test',
    sortable: false,
    renderer: function(value, metadata, record, rowIndex, colIndex, store) {
        var hasAutoAction = record.data.autoActions;
        if(hasAutoAction.length == 0){
        return '';
    }

    return '<input type="button" onClick="buttonclick(event)"  id="btn" value="Apply"/>'
    var buttonclick = function (event) {
        alert('Clicked')
    }
}

2 个答案:

答案 0 :(得分:2)

请查看widgetcolumn,它应该完全符合您的要求,但是ExtJS方式:

xtype:'widgetcolumn',
widget:{
    xtype:'button',
    handler:function(btn) {
        Ext.Msg.alert('Clicked','Clacked');
    }
}

答案 1 :(得分:1)

您无法以这种方式返回object,因此您收到此错误。无论如何,根据我的理解,你想要网格中的按钮,然后点击按钮显示一些东西。为此,您不需要在渲染器中书写。在您之前的代码中,您还尝试return button其中button是无效的对象。

您可以更改代码设计并在tbarbbar中放置按钮。

示例代码:

bbar: [
  { xtype: 'button', 
    text: 'Button 1',
     handler: function() {
    alert('You clicked the button!');
   }
  }
],

我为你创建了Fiddle。试试这个并理解。它会工作。