var t = $('#passwdHOST').DataTable({
'searching': true,
'ordering': false,
'autoWidth': false,
dom: 'Bfrtip',
buttons: [{
text: "導出到Execl",
extend: 'excelHtml5',
//className:'execl'
//customize: function( xlsx ) {
// var sheet = xlsx.xl.worksheets['sheet1.xml'];
//$('row c[r^="C"]', sheet).attr( 's', '2' );
//}
},{
text: '新建主機',
action: function ( e, dt, node, config ) {
//e:
// 觸發事件的事件對象
//dt:
// 主機DataTable的DataTables API實例
//node
//單擊的按鈕節點的jQuery實例
//config
//按鈕的配置對象
create_row(e, dt, node, config);
}
},{
text: '刪除主機',
action: function ( e, dt, node, config ) {
//e:
// 觸發事件的事件對象
//dt:
// 主機DataTable的DataTables API實例
//node
//單擊的按鈕節點的jQuery實例
//config
//按鈕的配置對象
create_row(e, dt, node, config);
}
}
],
language: {
"decimal": "",
"emptyTable": "數據正在加載中,請稍后...",
"info": "顯示 _START_ 到 _END_ 頁共 _TOTAL_ 條",
"infoEmpty": "顯示 0 到 0 頁共 0 條",
"infoFiltered": "(filtered from _MAX_ total entries)",
"infoPostFix": "",
"thousands": ",",
"lengthMenu": "顯示 _MENU_ 條",
"loadingRecords": "加載中...",
"processing": "處理中...",
"search": "搜索:",
"zeroRecords": "沒有匹配項",
"paginate": {
"first": "First",
"last": "Last",
"next": "下頁",
"previous": "上頁"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
},
});
$.ajax({
url: '/passwd/api/hosts',
type: "POST",
data: ajax_data,
success: function (data) {
var rowNode = t.row.add(
[
data.id,
data.ip,
data.hostname,
data.os,
data.protocal,
data.port,
data.comments,
"<div class='btn-group'>" +
"<button type='button' class='" + select + " btn " + btninfo + " ' data-target='#modal .bd-example-modal-lg ' >查看</button>" +
"<button type='button' class='btn btn-info dropdown-toggle' data-toggle='dropdown'>" +
" <span class='caret'></span>" +
"</button>" +
"<ul class='dropdown-menu' role='menu'>" +
" <li><a href='passwdLOG.html'>查看密碼修改日志</a></li>" +
"</ul>" +
"<button type='button' class='" + append + " btn " + btnsuccess + "' data-target='#modal .bd-example-modal-lg'>增加</button>" +
"<button type='button' class='" + modify + " btn " + btnwarning + "' data-target='#modal .bd-example-modal-lg' >修改</button>" +
"<button type='button' class='" + del + " btn " + btndanger + "' data-target='#modal .bd-example-modal-lg' >刪除</button>" +
"</div>"
]
).draw().node();
$(t.table().body()).prepend($(rowNode)) // 將新添加的一行插入到第一行
$( rowNode ).css( 'color', 'red' ) //修改新加一行的樣式