我正在为当前项目使用rails和jquery数据表的组合。下面的代码用于将表操作为移动的单个视图，并附加选择标记以进行过滤。
check123其中一个列填充了一个span标记，其样式采用按钮/警报的形式。不幸的是，$('#ticket_list').DataTable( {
"columnDefs": [
{
"render": function ( data, type, row ) {
if(type === 'display'){
data = '<span class="client-data"> ' + data + ' </span>'
+ '<span class="priority-data"> ' + row[1] + ' </span>'
+ '<span class="status-data"> ' + row[2] + ' </span>'
+ '<div class="subject-data"> ' + row[3] + ' </div>'
+ '<i class="fa fa-user"></i><span class="agent-data"> ' + row[4] + ' </span>'
+ '<span class="date-data"> ' + row[5] + ' </span>';
}
return data;
},
"targets": 0
},
{ "visible": false, "targets": [ 1,2,3,4,5 ]}
],
"columns": [
{ "title": "" }
],
"pageLength": setPageLength(),
"dom": '<"#search-box"f> rt <"#pagination.col-xs-12"p> <"#table-information.col-xs-12"i>',
language: {
search: "_INPUT_",
searchPlaceholder: "Search"
},
"ordering": false,
initComplete: function () {
this.api().columns([0,1,2]).every( function () {
var column = this;
var select = $('<select class="col-sm-4" ><option value=""></option></select>')
.appendTo( ".ticket-filtering" )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
console.log(val)
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
},
} );
行还会抓取导致以下HTML的span标记：
select.append( '<option value="'+d+'">'+d+'</option>' )
任何人都可以推荐最好的方法来确保选项标签只显示值=＆＃34;低＆＃34;或者在附加后将其删除。
非常感谢。