Question

我在jquery easyui应用程序中有detail view extension的数据网格。我在视图详细信息中使用了linkbutton。当人们点击加号图标以显示每行的详细信息时，不显示视图中链接按钮的图标（按钮仅显示为超链接）。知道为什么会这样，以及如何解决这个问题？

datagrid代码是这样的：

    $(function(){
        $('#tt').datagrid({
            title:'DataGrid - DetailView',
            width:500,
            height:250,
            remoteSort:false,
            singleSelect:true,
            nowrap:false,
            fitColumns:true,
            url:'datagrid_data.json',
            columns:[[
                {field:'itemid',title:'Item ID',width:80},
                {field:'productid',title:'Product ID',width:100,sortable:true},
                {field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
                {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
                {field:'attr1',title:'Attribute',width:150,sortable:true},
                {field:'status',title:'Status',width:60,align:'center'}
            ]],
            view: detailview,
            detailFormatter: function(rowIndex, rowData){
                return '<table><tr>' +
                        '<td rowspan=2 style="border:0"><img src="images/' + rowData.itemid + '.png" style="height:50px;"></td>' +
                        '<td style="border:0">' +
                        '<p>Attribute: ' + rowData.attr1 + '</p>' +
                        '<p>Status: ' + rowData.status + '</p>' +
                        '<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:\'icon-search\'">easyui</a>' +
                        '</td>' +
                        '</tr></table>';
            }
        });
    });

提前致谢

这里是EXAMPLE

按钮图标不显示在Datagrid视图jquery easyui中

0 个答案: