Jquery 如何将div元素添加到"；aocolumn"；数据表的
如何将progressBarDiv添加到datatable的status列。在status列中，我试图显示progressbar。我怎样才能做到这一点 有人能帮我解决这个问题吗 我的html：Jquery 如何将div元素添加到"；aocolumn"；数据表的,jquery,html,datatables,Jquery,Html,Datatables,如何将progressBarDiv添加到datatable的status列。在status列中，我试图显示progressbar。我怎样才能做到这一点 有人能帮我解决这个问题吗 我的html： <html> <body> <div id="progressBarDiv"></div> <script> var currentPath = null; var options = { "bPro
<html>
<body>
<div id="progressBarDiv"></div>
<script>
var currentPath = null;
var options = {
"bProcessing": true,
"bServerSide": false,
"bPaginate": false,
"bAutoWidth": false,
"sScrollY":"250px",
"fnCreatedRow" : function( nRow, aData, iDataIndex ) {
if (!aData.IsDirectory) return;
var path = aData.Path;
$(nRow).bind("click", function(e){
$.get('/files?path='+ path).then(function(data){
table.fnClearTable();
table.fnAddData(data);
currentPath = path;
});
$.get('/directory?path='+ path).then(function(data){
$("input[name='location']").val(data.directory);
});
e.preventDefault();
});
},
"aoColumns": [{"sTitle":"File Name", "mData": null, "bSortable": false, "sClass": "head0", "sWidth": "55px",
"render": function (data, type, row, meta) {
if (data.IsDirectory) {
return "<a href='#' target='_blank'><i class='fa fa-folder'></i> " + data.Name +"</a>";
} else {
return "<a href='/" + data.Path + "' target='_balnk'><i class='fa " + getFileIcon(data.Ext) + "'></i> " + data.Name +"</a>";
}
}
},
{"sTitle":"Date",align: 'Center', "mData": null, "bSortable": false, "sClass": "head1", "sWidth": "75px",
"render": function (data, type, row, meta) {
if (data.IsDirectory) {
return data.Date;
}else{
return data.Date;
}
}
},
{"sTitle":"Status",align: 'Center', "mData": null, "bSortable": false, "sClass": "head1", "sWidth": "55px",
"render":socket.on( 'message', function (data, type, row, meta) {
console.log(data);
if (data.IsDirectory) {
return data.percent;
}else{
return data.percent;
}
})
}
]
};
socket.on('disconnect', function(){})
var table = $(".linksholder").dataTable(options);
</script>
</body>
</html>
var currentPath=null；
变量选项={
“bProcessing”：正确，
“bServerSide”：false，
“bPaginate”：错误，
“bAutoWidth”：假，
“sScrollY”：“250px”，
“fnCreatedRow”：函数（nRow、aData、iDataIndex）{
如果（！aData.IsDirectory）返回；
var path=aData.path；
$（nRow）.绑定（“单击”，函数（e）{
$.get（'/files？path='+path）。然后（函数（数据）{
table.fnClearTable（）；
表fnAddData（数据）；
currentPath=路径；
});
$.get（'/directory？path='+path）。然后（函数（数据）{
$（“input[name='location']”）val（data.directory）；
});
e、 预防默认值（）；
});
},
“aoColumns”：[{“sTitle”：“文件名”，“mData”：null，“bSortable”：false，“sClass”：“head0”，“sWidth”：“55px”，
“呈现”：函数（数据、类型、行、元）{
if（data.IsDirectory）{
返回“”；
}否则{
返回“”；
}
}
},
{“sTitle”：“Date”，align:“Center”，“mData”：null，“bSortable”：false，“sClass”：“head1”，“sWidth”：“75px”，
“呈现”：函数（数据、类型、行、元）{
if（data.IsDirectory）{
返回数据。日期；
}否则{
返回数据。日期；
}
}
},
{“sTitle”：“Status”，align:“Center”，“mData”：null，“bSortable”：false，“sClass”：“head1”，“sWidth”：“55px”，
“呈现”：socket.on（'message'，函数（数据、类型、行、元）{
控制台日志（数据）；
if（data.IsDirectory）{
返回数据0.5%；
}否则{
返回数据0.5%；
}
})
}
]
};
socket.on（'disconnect'，function（）{}）
变量表=$（“.linksholder”）.dataTable（选项）；