我正在获取 json 数据并从中创建一个表。一列是关于优先级的,我想用图标替换获取的数字。我已经看到一些解决方案后来用 jquery 更改了 html,但这对我来说似乎不合适。相反,我想在创建表格时设置图标。
下面的相关代码片段:
行模板:
<script type="text/underscore-template" id="caseTableRow">
<tr><td><a href="https://..."+ ><%=json.id%></a></td>
<td><%=json.title%></td>
<td><%=json.priority_id%></td> // display an icon instead
<td><%=json.refs%></td></tr>
在渲染中:
$.each(cases, function(index, $testrailcase) {
var casesTable = $('#casesTable');
casesTable.append(that.rowTemplate({testrailcase: $testrailcase}));
});
在行模板中:
rowTemplate: function(testrailcase) {
return _.template($('#caseTableRow').html())(testrailcase, icon);
},
我要集成的 Atlassian-Icons 的格式如下:
<span class="aui-icon aui-icon-small aui-iconfont-arrow-down-circle">Insert meaningful text here for accessibility</span>
我很乐意提供任何帮助:D