Question

easyui中datagrid formatter:function直接返回<a>xx</a>无法应用easyui样式

就是我用datagrid做数据查询显示，想在查询出的数据后加上修改和删除，但是返回的标签无法应该easyui样式，怎么回事。
formatter:function(value, row, index) {
var str = '<a id="searchMBtn" class="easyui-linkbutton" iconCls="icon-delete" hr ef="javascript:void(0)" style="width: 80px;">删除</a>';
return str;
}
显示出来的就是一个A标签，没有样式

Answer 1

<table id="parentingGrid" class="easyui-datagrid" title="亲子信息列表" style="width:100%;height:100%;"

data-options="rownumbers:true,singleSelect:true,url:'../parenting/getParentings.action',method:'get',toolbar:'#tb',loadMsg:'加载中，请稍候...',pagination:true,fit:true,pageSize:20">

<thead>

<tr>

<th data-options="field:'parName',width:100,sortable:true">姓名</th>

<th data-options="field:'age',width:80,align:'right'">年龄</th>

<th data-options="field:'parBirthday',width:180,align:'right',sortable:true">生日</th>

1. <th data-options="field:'sex',width:80,align:'right',sortable:true,formatter : function(value, rowData, rowIndex) {

2. return value == true? '男' : '女';

3. }">性别</th>

<th data-options="field:'parent',width:80,align:'right',sortable:true">家长</th>

<th data-options="field:'addr',width:180,align:'right',sortable:true">地址</th>

</tr>

</thead>

</table>

注意上面的 123点

Answer 2

能截个图看看你要达成的效果吗？？这个我之前也遇到过。