java 用于标记 table 行变量的脚本
java script to mark table rows upon variable
我正在做一个 Django 项目,我在首页显示了一个 table。
table 有一个 "Changed" 列,只能用 "Read" 或 "Unread" 分配。
我想添加一个选项,如果 table 中的一行在 "changed" 列中有 "Unread",它将被突出显示。
到目前为止我的 js:
{% block additional_js %}
<script>
$( function() {
var xeditable_options = {};
var table = datatableview.initialize($('.datatable'),
{
lengthMenu : [ [10, 25, 50, 100, -1 ], [10, 25, 50, 100, "All" ] ],
fnRowCallback: datatableview.make_xeditable(xeditable_options),
bProcessing : true
}
);
table.columnFilter( { sPlaceHolder : 'foot' } );
table = table.api();
table.page.len( 10 ).draw();
已解决。
首先需要寻找对table负责的datatableview.js。
在“ make_xeditable: function(options)”下
我添加了:
var html=String(mData[8]);
var div = document.createElement("div");
div.innerHTML = html;
var a= (div.innerText);
if (a=="Unread"){
nRow.style.backgroundColor="yellow";
并且有效。 (还需要更改 css 模板中的高亮着色属性,这样它就不会 运行 超过对背景着色的尝试)
我正在做一个 Django 项目,我在首页显示了一个 table。 table 有一个 "Changed" 列,只能用 "Read" 或 "Unread" 分配。 我想添加一个选项,如果 table 中的一行在 "changed" 列中有 "Unread",它将被突出显示。 到目前为止我的 js:
{% block additional_js %}
<script>
$( function() {
var xeditable_options = {};
var table = datatableview.initialize($('.datatable'),
{
lengthMenu : [ [10, 25, 50, 100, -1 ], [10, 25, 50, 100, "All" ] ],
fnRowCallback: datatableview.make_xeditable(xeditable_options),
bProcessing : true
}
);
table.columnFilter( { sPlaceHolder : 'foot' } );
table = table.api();
table.page.len( 10 ).draw();
已解决。 首先需要寻找对table负责的datatableview.js。 在“ make_xeditable: function(options)”下 我添加了:
var html=String(mData[8]);
var div = document.createElement("div");
div.innerHTML = html;
var a= (div.innerText);
if (a=="Unread"){
nRow.style.backgroundColor="yellow";
并且有效。 (还需要更改 css 模板中的高亮着色属性,这样它就不会 运行 超过对背景着色的尝试)