Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在MVC中使用datables.js时,如果第9个td文本是进程,如何向第一个td添加微调器图标?_Javascript_Jquery_Asp.net Mvc_Twitter Bootstrap_Datatables - Fatal编程技术网

Javascript 在MVC中使用datables.js时,如果第9个td文本是进程,如何向第一个td添加微调器图标?

Javascript 在MVC中使用datables.js时,如果第9个td文本是进程,如何向第一个td添加微调器图标?,javascript,jquery,asp.net-mvc,twitter-bootstrap,datatables,Javascript,Jquery,Asp.net Mvc,Twitter Bootstrap,Datatables,在我的MVC项目中,我正在使用Bootstrap 3、datables.js和font-awesome。我想将一个微调器图标从font-awesome添加到该行的第一个td,该行有一个正在处理的数据。我编写的代码将对其进行详细解释,我迄今为止尝试的代码如下: 我得到的图像如下: 我想要的是在我的第一个td列,即srno列中,当列状态文本为Process时,我想添加一个微调器 下面是我使用datables.js为表编写的javascript:- //------用于充电电网启动---------

在我的MVC项目中,我正在使用Bootstrap 3、datables.js和font-awesome。我想将一个微调器图标从font-awesome添加到该行的第一个td,该行有一个正在处理的数据。我编写的代码将对其进行详细解释,我迄今为止尝试的代码如下:

我得到的图像如下:

我想要的是在我的第一个td列,即srno列中,当列状态文本为Process时,我想添加一个微调器

下面是我使用datables.js为表编写的javascript:-

//------用于充电电网启动---------// $function充值{ var c=$bindExample.DataTable{
fnRowCallback:functionnRow、aData、iDisplayIndex、iDisplayIndexFull{ 如果aData[9]=“进程”{ $'td:eq0',nRow.html $nRow.addClass“警告” }否则如果aData[9]=“已删除”{ $nRow.addClass“危险” }否则如果aData[9]==已完成{ 如果aData[11]!=0&&aData[11]!=00{ $nRow.css颜色,红色 }否则{ $nRow.css颜色,黑色 } } }, 长度菜单:[ [10, 50, 100, -1], [10,50,100,全部] ], columnDefs:[{ 可搜索:false, 可订购:错误, 目标:0 }, { 目标:[11], 可见:假, 可搜索:false }], 订单:[ [8,‘描述’] ], }; c、 关于'order.dt search.dt'函数{ c、 第0栏{ 搜索:“已应用”, 订单:“已申请” }.nodes.eachfunctioncell,i{ cell.innerHTML=i+1; }; }.抽签; };
//------对于充电网格端----------------/有多种方法可以添加微调器。这是最简单的部分。诀窍是让它在正确的时间显示和隐藏。我想你可以自己拿出来。为了在表加载后隐藏它,datatables中有一个特定的函数

您需要添加如下内容:

"initComplete": function(settings, json) {
$('#loadingSpinner").hide();
 //do whatever you want to hide the spinner...this is just an example
}
这可以在代码中紧跟其后:

"order": [
      [8, 'desc']
    ],

在DataTable函数中使用上述选项

我想在我的第一个td上显示一个微调器,当我的第九个td上的数据是Process时,正如您在我的代码中看到的,我已经更改了代码中该行的颜色:fnRowCallback:functionnRow,aData,iDisplayIndex,iDisplayIndexFull{if aData[9]='Process'{$'td:eq0',nRow.html$nRow.addClass'warning'}如果aData[9]=='Deleted'{$nRow.addClass'danger'}else if aData[9]==Complited{if aData[11]!=0&&aData[11]!=00{$nRow.csscolor,red}else{$nRow.csscolor,black},
var c = $("#BindRechargeexample").DataTable({
"oLanguage": {
        "sProcessing": '<div><img src=spinner.gif" /></div>',
    },
});