Question

使用easyui时，怎样解决条件判断里的小于号与标签冲突呢？

<table class="easyui-datagrid" title="DataGrid Row Style" style="width:700px;height:250px"
data-options="
singleSelect: true,
iconCls: 'icon-save',
url: 'datagrid_data1.json',
method: 'get',
rowStyler: function(index,row){
if (row.listprice < 30){
return 'background-color:#6293BB;color:#fff;font-weight:bold;';
}
}
">

Answer 1

建议把方法提出来
rowStyler:setSTyle

js:
function(index,row){
if (row.listprice < 30){
return 'background-color:#6293BB;color:#fff;font-weight:bold;';
}
}
希望能够帮到。而且这样做到代码和页面分离

Answer 2

<th data-options="field:'listprice',width:80,align:'right',formatter:formatPrice">List Price</th>
<script>
function formatPrice(val,row){
if (val < 30){
return '<span style="color:red;">('+val+')</span>';
} else {
return val;
}
}
</script>