performance/src/main/webapp/performance/js/alarmsServerPageTable.js

   1 /*
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *         http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16 var serverPageTable = {};
  17 var queryCacheId = null;
  18 var alarmCount;
  19 /* Bootstrap style full number pagination control */
  20 $.fn.dataTableExt.oApi.fnPagingInfo = function (oSettings) {
  21     return {
  22         "iEnd": oSettings.fnDisplayEnd(),
  23         "iLength": oSettings._iDisplayLength,
  24         "iTotal": oSettings.fnRecordsTotal(),
  25         "iFilteredTotal": oSettings.fnRecordsDisplay(),
  26         "iPage": Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
  27         "iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
  28     };
  29 };
  30
  31 $.extend($.fn.dataTableExt.oPagination, {
  32     "bootstrap_extended": {
  33         "fnInit": function (oSettings, nPaging, fnDraw) {
  34             var oLang = oSettings.oLanguage.oPaginate;
  35             var oPaging = oSettings.oInstance.fnPagingInfo();
  36
  37             var fnClickHandler = function (e) {
  38                 e.preventDefault();
  39                 if (oSettings.oApi._fnPageChange(oSettings, e.data.action)) {
  40                     fnDraw(oSettings);
  41                 }
  42             };
  43
  44             $(nPaging).append(
  45                 '<div class="pagination-panel"> ' + oLang.sPage + ' ' +
  46                 '<a href="#" class="btn btn-sm default prev disabled" title="' + oLang.sPrevious + '"><i class="fa fa-angle-left"></i></a>' +
  47                 '<input type="text" class="pagination-panel-input input-mini input-inline input-sm" maxlenght="5" style="text-align:center; margin: 0 4px; border: 1px solid rgb(169, 169, 169);height: 28px;">' +
  48                 '<a href="#" class="btn btn-sm default next disabled" title="' + oLang.sNext + '"><i class="fa fa-angle-right"></i></a> ' +
  49                 oLang.sPageOf + ' <span class="pagination-panel-total"></span>' +
  50                 '</div>'
  51             );
  52
  53             var els = $('a', nPaging);
  54
  55             $(els[0]).bind('click.DT', {action: "previous"}, fnClickHandler);
  56             $(els[1]).bind('click.DT', {action: "next"}, fnClickHandler);
  57
  58             $('.pagination-panel-input', nPaging).bind('change.DT', function (e) {
  59                 var oPaging = oSettings.oInstance.fnPagingInfo();
  60                 e.preventDefault();
  61                 var page = parseInt($(this).val());
  62                 if (page > 0 && page < oPaging.iTotalPages) {
  63                     if (oSettings.oApi._fnPageChange(oSettings, page - 1)) {
  64                         fnDraw(oSettings);
  65                     }
  66                 } else {
  67                     $(this).val(oPaging.iPage + 1);
  68                 }
  69             });
  70
  71             $('.pagination-panel-input', nPaging).bind('keypress.DT', function (e) {
  72                 var oPaging = oSettings.oInstance.fnPagingInfo();
  73                 if (e.which == 13) {
  74                     var page = parseInt($(this).val());
  75                     if (page > 0 && page < oSettings.oInstance.fnPagingInfo().iTotalPages) {
  76                         if (oSettings.oApi._fnPageChange(oSettings, page - 1)) {
  77                             fnDraw(oSettings);
  78                         }
  79                     } else {
  80                         $(this).val(oPaging.iPage + 1);
  81                     }
  82                     e.preventDefault();
  83                 }
  84             });
  85         },
  86
  87         "fnUpdate": function (oSettings, fnDraw) {
  88             var iListLength = 5;
  89             var oPaging = oSettings.oInstance.fnPagingInfo();
  90             var an = oSettings.aanFeatures.p;
  91             var i, j, sClass, iStart, iEnd, iHalf = Math.floor(iListLength / 2);
  92
  93             if (oPaging.iTotalPages < iListLength) {
  94                 iStart = 1;
  95                 iEnd = oPaging.iTotalPages;
  96             }
  97             else if (oPaging.iPage <= iHalf) {
  98                 iStart = 1;
  99                 iEnd = iListLength;
 100             } else if (oPaging.iPage >= (oPaging.iTotalPages - iHalf)) {
 101                 iStart = oPaging.iTotalPages - iListLength + 1;
 102                 iEnd = oPaging.iTotalPages;
 103             } else {
 104                 iStart = oPaging.iPage - iHalf + 1;
 105                 iEnd = iStart + iListLength - 1;
 106             }
 107
 108
 109             for (i = 0, iLen = an.length; i < iLen; i++) {
 110                 var wrapper = $(an[i]).parents(".dataTables_wrapper");
 111
 112                 if (oPaging.iTotalPages <= 0) {
 113                     $('.pagination-panel, .dataTables_length', wrapper).hide();
 114                 } else {
 115                     $('.pagination-panel, .dataTables_length', wrapper).show();
 116                 }
 117
 118                 $('.pagination-panel-total', an[i]).html(oPaging.iTotalPages);
 119                 $('.pagination-panel-input', an[i]).val(oPaging.iPage + 1);
 120
 121                 // Remove the middle elements
 122                 $('li:gt(1)', an[i]).filter(':not(.next)').remove();
 123
 124                 // Add the new list items and their event handlers
 125                 for (j = iStart; j <= iEnd; j++) {
 126                     sClass = (j == oPaging.iPage + 1) ? 'class="active"' : '';
 127                     $('<li ' + sClass + '><a href="#">' + j + '</a></li>')
 128                         .insertBefore($('li.next:first', an[i])[0])
 129                         .bind('click', function (e) {
 130                             e.preventDefault();
 131                             oSettings._iDisplayStart = (parseInt($('a', this).text(), 10) - 1) * oPaging.iLength;
 132                             fnDraw(oSettings);
 133                         });
 134                 }
 135
 136                 // Add / remove disabled classes from the static elements
 137                 if (oPaging.iPage === 0) {
 138                     $('a.prev', an[i]).addClass('disabled');
 139                 } else {
 140                     $('a.prev', an[i]).removeClass('disabled');
 141                 }
 142
 143                 if (oPaging.iPage === oPaging.iTotalPages - 1 || oPaging.iTotalPages === 0) {
 144                     $('a.next', an[i]).addClass('disabled');
 145                 } else {
 146                     $('a.next', an[i]).removeClass('disabled');
 147                 }
 148             }
 149         }
 150     }
 151 });
 152
 153 //构造查询条件
 154 serverPageTable.getRestPara = function (cond, tableSetting) {
 155
 156         var conditions =  {};
 157         //告警级别
 158         if (cond.severity != null && cond.severity != "undefined" && cond.severity.length > 0) {
 159                 var severity = '['+cond.severity+']';
 160         var severityObj = window.JSON.parse(severity);
 161                 conditions.severities=severityObj;
 162     }
 163
 164         //确认状态
 165         if (cond.ackState != null && cond.ackState != "undefined" && cond.ackState.length > 0) {
 166         var ackState = '[' + cond.ackState + ']';
 167         var ackStateObj = window.JSON.parse(ackState)
 168         conditions.ackStates=ackStateObj;
 169     }
 170
 171         //可见性
 172         if (cond.filterState != null && cond.filterState != "undefined" && cond.filterState.length > 0) {
 173         var filterState = '[' + cond.filterState + ']';
 174         var filterStateObj = window.JSON.parse(filterState);
 175         conditions.isVisibles=filterStateObj;
 176     }
 177
 178         //告警确认时间
 179         if (cond.ackTimeMode != null && cond.ackTimeMode != "undefined") {
 180                 var ackTime;
 181                 if(cond.ackTimeMode === 1){
 182                         ackTime = '{"timeMode": '+cond.ackTimeMode+',"relativeTime": '+cond.ackRelativeTime+'}';
 183                 }else{
 184                         ackTime = '{"beginTime": '+cond.ackTimeStarTime+',"endTime": '+cond.ackTimeEndTime+',"timeMode": '+cond.ackTimeMode+'}';
 185                 }
 186         var ackTimeObj = window.JSON.parse(ackTime);
 187         conditions.ackTime = ackTimeObj;
 188     }
 189
 190         //告警发生时间
 191     if (cond.alarmRaisedTimeMode != null && cond.alarmRaisedTimeMode != "undefined") {
 192                 var alarmRaisedTime;
 193                 if(cond.alarmRaisedTimeMode === 1){
 194                         alarmRaisedTime = '{"timeMode": '+cond.alarmRaisedTimeMode+',"relativeTime": '+cond.alarmRaisedRelativeTime+'}';
 195                 }else{
 196                         alarmRaisedTime = '{"beginTime": '+cond.alarmRaisedStartTime+',"endTime": '+cond.alarmRaisedEndTime+',"timeMode": '+cond.alarmRaisedTimeMode+'}';
 197                 }
 198         var alarmRaisedTimeObj = window.JSON.parse(alarmRaisedTime);
 199         conditions.alarmRaisedTime = alarmRaisedTimeObj;
 200     }
 201
 202         //告警清除时间
 203         if (cond.clearedTimeMode != null && cond.clearedTimeMode != "undefined") {
 204                 var clearedTime;
 205                 if(cond.clearedTimeMode === 1){
 206                         clearedTime = '{"timeMode": '+cond.clearedTimeMode+',"relativeTime": '+cond.clearedTimeRelativeTime+'}';
 207                 }else{
 208                         clearedTime = '{"beginTime": '+cond.clearedTimeStartTime+',"endTime": '+cond.clearedTimeEndTime+',"timeMode": '+cond.clearedTimeMode+'}';
 209                 }
 210         var clearedTimeTimeObj = window.JSON.parse(clearedTime);
 211         conditions.alarmClearedTime = clearedTimeTimeObj;
 212     }
 213
 214         //告警码
 215         if (cond.probableCause != null && cond.probableCause != "undefined") {
 216         //var probableCauseArr = cond.probableCause.split(',');
 217         var str = "";
 218                 var arr="[";
 219         for (var i = 0; i < cond.probableCause.length; i++) {
 220                         if(i === 0){
 221                                 if(cond.probableCause[i].type === "1"){
 222                                         arr+='{"systemType":'+cond.probableCause[i].codeid+',"codes":[]}';
 223                                 }else{
 224                                         arr+='{"systemType":'+cond.probableCause[i].parentid+',"codes":['+cond.probableCause[i].codeid+']}';
 225                                 }
 226                         }else{
 227                                 if(cond.probableCause[i].type === "1"){
 228                                         arr+=',{"systemType":'+cond.probableCause[i].codeid+',"codes":[]}';
 229                                 }else{
 230                                         arr+=',{"systemType":'+cond.probableCause[i].parentid+',"codes":['+cond.probableCause[i].codeid+']}';
 231                                 }
 232                         }
 233         }
 234                 arr+="]";
 235                 var probableCausesObj = window.JSON.parse(arr);
 236         conditions.probableCauses = probableCausesObj;
 237     }
 238
 239         var requests={};
 240         requests.condition=conditions;
 241         requests.pageSize=tableSetting._iDisplayLength;
 242         requests.pageNumber=tableSetting._iDisplayStart / tableSetting._iDisplayLength + 1;
 243         if(cond.alarmType===2 && requests.pageNumber === 1){
 244                 requests.queryCacheId="";
 245         }else if(cond.alarmType===2 && requests.pageNumber != 1){
 246                 requests.queryCacheId=queryCacheId;
 247         }
 248
 249         var resStr = window.JSON.stringify(requests);
 250         result={
 251                 request:resStr
 252         };
 253         return result;
 254 };
 255
 256
 257 serverPageTable.initDataTable = function (setting, cond, divId) {
 258     //转换colomn
 259     var column = setting.columns;
 260         var setting;
 261     //先把原来的表格清空
 262     $('#' + divId).children().remove();
 263     var tableId = setting.tableId;
 264     var tableEleStr = '<table class="table table-striped table-bordered table-hover" id= ' + tableId + '>'
 265         + '<thead>'
 266         + '<tr role="row" class="heading" >'
 267         + '</tr>'
 268         + '</thead>'
 269         + '<tbody>'
 270         + '</tbody>'
 271         + '</table>';
 272     $('#' + divId).append(tableEleStr);
 273     //$('#'+ tableId).append(' <thead><tr role="row" class="heading" ></tr></thead><tbody></tbody>');
 274     var trEle = $('#' + tableId + ' > thead >tr');
 275     //var dataTableColumn = [];
 276     for (var one in column) {
 277         if (one != "contains") {
 278             var th = '<th>' + column[one].name + '</th>';
 279             trEle.append(th);
 280         }
 281     }
 282
 283     var table = $("#" + tableId).dataTable({
 284         //"sDom" : "tr<'row'<'col-md-6 col-sm-12'><'col-md-6 col-sm-12'pli>>", // datatable layout
 285         // "sDom" : "<'row'<'col-md-12 col-sm-12'lip>r><'table-scrollable't>>",
 286         "oLanguage": setting.language,//汉化
 287         "bJQueryUI": true,
 288         "bPaginate": true,// 分页按钮
 289         "bFilter": false,// 搜索栏
 290         "bAutoWidth": true,//自动设置列宽
 291         "bLengthChange": true,// 每行显示记录数
 292         "iDisplayLength": 10,// 每页显示行数
 293         "bSort": false,// 排序
 294         "bInfo": true,// Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息
 295         "bWidth": true,
 296         "bScrollCollapse": false,
 297                 "sScrollY": "400px",
 298         "sScrollX": "100%",
 299         "sPaginationType": "bootstrap_extended", // 分页，  bootstrap_extended  一共两种样式 另一种为two_button // 是datatables默认
 300         "bProcessing": true,
 301         "bServerSide": true,
 302         "bDestroy": true,
 303         "bSortCellsTop": true,
 304         "sDom": '<"top"rt><"bottom"lip>',
 305         "sAjaxSource": setting.restUrl,// ./js/testJson.json  setting.restUrl
 306         "aoColumns": setting.columns,
 307                 "bRetrieve": true,
 308         "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
 309             oSettings.jqXHR = $.ajax({
 310                 "type": 'get',
 311                 "url": sSource,
 312                 "dataType": "json",
 313                 "data": serverPageTable.getRestPara(cond, oSettings),
 314                 "success": function (resp) {
 315                     oSettings.iDraw = oSettings.iDraw + 1;
 316
 317                                         var data = {};
 318                                         if(cond.ruleType===1){
 319                                                 var logList = resp.alarms;
 320                                                 data.iTotalRecords = resp.totalCount;
 321                                                 data.iTotalDisplayRecords = resp.totalCount;
 322
 323                                         }else if(cond.ruleType===2){
 324                                                 var logList = resp.alarms;
 325                                                 if(resp.queryCacheId === ""){
 326                                                         data.iTotalRecords = alarmCount;
 327                                                         data.iTotalDisplayRecords = alarmCount;
 328                                                 }else{
 329                                                         alarmCount = resp.totalCount;
 330                                                         data.iTotalRecords = resp.totalCount;
 331                                                         data.iTotalDisplayRecords = resp.totalCount;
 332                                                         queryCacheId = resp.queryCacheId;
 333                                                 }
 334
 335                                         }
 336
 337                     var pageInfo = null;
 338                                         setting=oSettings;
 339                     if (pageInfo != null) {
 340                         vm.logInfo[vm.logType].pageInfo = pageInfo;
 341                     }
 342
 343                                         //添加序号
 344                                          for(var i=0;i<logList.length;i++){
 345                                                 logList[i].order="<a>"+(i+1)+"</a>";
 346                                         }
 347                                         //组合告警码
 348                                          for(var i=0;i<logList.length;i++){
 349                                                 logList[i].probableCauseCodeNameAndCode=logList[i].probableCauseCodeName+"("+logList[i].probableCauseCode+")";
 350                                         }
 351
 352                     data.aaData = logList;
 353                     data.sEcho = oSettings;
 354                     fnCallback(data);
 355
 356                     $('#dataTableCheckBox').click(function () {
 357                         var checkArr = $('#' + divId + ' .details-check input[type="checkbox"]');//
 358                         for (var i = 0; i < checkArr.length; i++) {
 359                             if ($(checkArr).eq(i).attr('id') != 'dataTableCheckBox') {
 360                                 if ($('#dataTableCheckBox').prop("checked")) {
 361                                     $(checkArr).eq(i).removeClass('checked');
 362                                                                         $(checkArr).eq(i).prop('checked',true);
 363                                 } else {
 364                                     $(checkArr).eq(i).addClass('checked');
 365                                                                         $(checkArr).eq(i).prop('checked',false);
 366                                 }
 367                             }
 368                                                 }
 369                     });
 370                 }
 371
 372             });
 373         },
 374                 "fnDrawCallback": function( oSettings ) { // run some code on table redraw
 375
 376                         var tableWrapper = $('div.dataTables_wrapper');
 377                         //自适应对齐表头
 378                         var $tableHead = $('div.dataTables_scrollHeadInner > table.dataTable', tableWrapper);
 379                         var tbodyHead = $('tbody', $tableHead);
 380                         if(tbodyHead && tbodyHead.length >0){
 381                                 $(tbodyHead).remove();
 382                         }
 383
 384                         var $tableBody = $('table#' + tableId, tableWrapper);
 385                         var trIn = $('thead > tr:nth-child(1)', $tableHead);
 386                         var trBodyHead = $('thead > tr:nth-child(1)', $tableBody);
 387                         var tds = $(trIn).children();
 388                         var ths = $(trBodyHead).children();
 389                         for(var k=0;k<tds.length;k++){
 390                                 $(ths.eq(k)).html('<div style="height: 0;overflow: hidden;">' + tds.eq(k).html() + '</div>');
 391                         }
 392                         var bodyRows = $('tbody > tr', $tableBody);
 393                         for(var i=0;i<bodyRows.length;i++){
 394                                 var rowClone = $(bodyRows.eq(i)).clone();
 395                                 var tds = $(rowClone).children();
 396                                 for(var j=0;j<tds.length;j++){
 397                                         $(tds.eq(j)).html('<div style="height: 0;overflow: hidden;">' + tds.eq(j).html() + '</div>');
 398                                         $(tds.eq(j)).height('0px');
 399                                         $(tds.eq(j)).css('padding-top','0px');
 400                                         $(tds.eq(j)).css('padding-bottom','0px');
 401                                         $(tds.eq(j)).css('border-top-width','0px');
 402                                         $(tds.eq(j)).css('border-bottom-width','0px');
 403                                 }
 404                                 $(rowClone).height('0px');
 405                                 $tableHead.append($(rowClone).prop("outerHTML"));
 406                         }
 407
 408                         $('div.dataTables_scrollBody', tableWrapper).css('width','100%');
 409                         //$('div.dataTables_scrollHead', tableWrapper).css('width','98.5%');
 410                         $('div.dataTables_scrollHeadInner', tableWrapper).css('padding-right', 0);
 411
 412                         //$("table.dataTable > thead > tr > th:nth-child(2)", $(".dataTables_scrollHeadInner")).click();
 413
 414                         //设置表格本体高度
 415                         //$('div.dataTables_scrollBody', tableWrapper).css('height', "280px");
 416                         //填充表头右边界
 417             /* $('div.dataTables_scrollHead', tableWrapper).css('display','inline-block');
 418             $("div.dataTables_scrollHead", tableWrapper).after("<div id='divRightPadding' style='overflow: hidden; background:#eee; position: relative; float:right; border: 1px solid #ddd; height:" + 42 + "px; width: 1.4%;'></div>"); */
 419             /* if($.browser.mozilla){
 420                 $('div#divRightPadding', tableWrapper).css('height', '40');
 421             } */
 422                 }
 423     });
 424
 425         $(window).bind('resize', function () {
 426                 //oTable.DataTable.models.oSettings.bAjaxDataGet = false;
 427                 table.fnAdjustColumnSizing(setting);
 428         } );
 429
 430     function format_Detail(oTable, nTr) {
 431         var aData = oTable.fnGetData(nTr);
 432
 433                 var sOut = '<table class = "detailTable" width="100%">';
 434         sOut += '<tr><td class = "detailTitleStyle" width = 160><span class = "label label-primary">' + column[3].name + '</span></td><td class = "detailCellStyle" width = 320>' + null2space(aData[column[3].mData]) + '</td>';
 435         sOut += '<td class = "detailTitleStyle" width = 160><span class = "label label-primary">' + column[8].name + '</span></td><td class = "detailCellStyle" width = 320>' + null2space(vm.alTypes[aData[column[8].mData]]) + '</td></tr>';
 436
 437         sOut += '<tr><td class = "detailTitleStyle" width = 80><span class = "label label-primary">' + column[9].name + '</span></td><td class = "detailCellStyle" width = 160>' + null2space(aData[column[9].mData]) + '</td>';
 438         sOut += '<td class = "detailTitleStyle" width = 80><span class = "label label-primary">' + column[7].name + '</span></td><td class = "detailCellStyle" width = 160>' + null2space(aData[column[7].mData]) + '</td></tr>';
 439
 440         sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[6].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[6].mData]) + '</td>';
 441         sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[11].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[11].mData]) + '</td></tr>';
 442
 443         sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[10].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[10].mData]) + '</td>';
 444         sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[13].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[13].mData]) + '</td></tr>';
 445
 446         sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[12].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[12].mData]) + '</td>';
 447         sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[5].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[5].mData]) + '</td></tr>';
 448
 449         sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[23].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[23].mData]) + '</td>';
 450                 sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[4].name + '</span></td><td class = "detailCellStyle">' + null2space(aData[column[4].mData]) + '</td></tr>';
 451    //     sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[5].name + '</span></td><td class = "detailCellStyle">' + aData[column[5].mData] + '</td></tr>';
 452
 453      //   sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[4].name + '</span></td><td class = "detailCellStyle">' + aData[column[4].mData] + '</td>';
 454         //      sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[22].name + '</span></td><td class = "detailCellStyle">' + aData[column[22].mData] + '</td></tr>';
 455     //    sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[22].name + '</span></td><td class = "detailCellStyle">' + aData[column[22].mData] + '</td></tr>';
 456
 457     //    sOut += '<tr><td class = "detailTitleStyle"><span class = "label label-primary">' + column[12].name + '</span></td><td class = "detailCellStyle">' + aData[column[12].mData] + '</td>';
 458      //   sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[17].name + '</span></td><td class = "detailCellStyle">' + aData[column[17].mData] + '</td></tr>';
 459
 460         sOut += '<td class = "detailTitleStyle"><span class = "label label-primary">' + column[16].name + '</span></td><td class = "detailCellStyle" colspan = 3>' + null2space(aData.additionalText) + '</td></tr>';
 461
 462         return sOut;
 463     }
 464         function null2space(nullStr){
 465                 if(nullStr == null){
 466                         return "";
 467                 } else {
 468                         return nullStr;
 469                 }
 470         }
 471     $('#' + tableId + '>tbody').on('click', 'td.details-control', function () {
 472         var tr = $(this).closest('tr');
 473         //var nTr = $(this).parents('tr')[0];
 474         //var row = table.row( tr );
 475         if (table.fnIsOpen(tr[0])) {
 476             table.fnClose(tr[0]);
 477             //if ( row.child.isShown() ) {
 478             // This row is already open - close it
 479             //row.child.hide();
 480             tr.removeClass('shown');
 481         }
 482         else {
 483             // Open this row
 484             table.fnOpen(tr[0], format_Detail(table, tr[0]), 'details');
 485             //row.child( format_Detail(row.data()) ).show();
 486             tr.addClass('shown');
 487         }
 488     });
 489
 490     // mod by chenhao 2015-10-26 注释掉
 491     // // 所有td注册一个点击事件用来展示出详情。
 492     // $('#ict_alarms_table >tbody').on('click', 'td', function () {
 493
 494     //         var className= $(this).eq(0).attr('class');
 495     //         //当点击的是如下的table页的时候
 496     //         if(className &&(className.indexOf('relInfo')>-1 || className.indexOf('details-check')>-1 || className.indexOf('ackState')>-1  || className.indexOf('details-control')>-1)){
 497     //             $('#right-menu').fadeOut();
 498     //         }else{
 499     //             //填充table的数据
 500     //             var tbody=$('#ict_table_general >tbody');
 501     //             tbody.children().remove();
 502     //             var trHtml="";
 503     //             var tr = $(this).closest('tr');
 504     //             var aData = table.fnGetData(tr[0]);
 505     //             for (var i = 0; i < column.length; i++) {
 506     //             if( column[i].bVisible == false ){//如果列可见就继续遍历下一个
 507     //                 trHtml += '<tr role="row"><td>'+column[i].name+':</td><td>' + aData[column[i].mData] + '</td></tr>';
 508     //                }
 509     //             }
 510     //             tbody.append(trHtml);
 511     //             if(!vm.alarmId ||vm.alarmId==aData.alarmId){
 512     //                 $('#right-menu').fadeToggle();
 513     //             }else{
 514     //                 $('#right-menu').fadeIn();
 515     //             }
 516     //              vm.alarmId=aData.alarmId;
 517     //         }
 518     // });
 519         //重新调节列宽以适应window resize
 520     $(window).bind('resize', function () {
 521         //oTable.fnAdjustColumnSizing();
 522                 $("table.dataTable > thead > tr > th:nth-child(2)", $(".dataTables_scrollHeadInner")).click();
 523     } );
 524
 525 };
 526
 527
 528
 529