Javascript 在jquery数据表(非编辑器)的底部数据后面添加空行(用于插入)
我的问题不是如何放置空行,而是为什么空行显示为第一行Javascript 在jquery数据表(非编辑器)的底部数据后面添加空行(用于插入),javascript,jquery,datatables,Javascript,Jquery,Datatables,我的问题不是如何放置空行,而是为什么空行显示为第一行 function BindCenterTable(ID,val) { var strSearchLang = " "; txtCenetrTotal.value = val; if (lang == 'en-US') { strSearchLang = " Search "; } $.ajax({ typ
function BindCenterTable(ID,val) {
var strSearchLang = " ";
txtCenetrTotal.value = val;
if (lang == 'en-US') {
strSearchLang = " Search ";
}
$.ajax({
type: "Post",
url: 'Query.asmx/FillSubTransCenters',
contentType: "application/json; charset=utf-8",
dataType: "json",
data: '{SubTransID: ' + ID + '}',
success: function (data) {
if (typeof CenterTable != 'undefined')
CenterTable.destroy();
CenterTable = $('#tableCenters').DataTable({
"aaData": JSON.parse(data.d),
"bFilter": true,
"bInfo": false,
"lengthChange": false,
"oLanguage": {
"sSearch": strSearchLang
},
"paging": false,
"columns": [
{ "data": "id" }, { "data": "Center_No" },
{ "data": "CenterName" }, { "data": "Value" },
{ "data": "Val_Percent" }
],
"columnDefs": [
{
"targets": [0],
"visible": false,
"searchable": false
}, {
"targets": 5,
"data": null,
"defaultContent":
' <button class="btn btnEdit" type="button"> <i class="fa fa-pencil " style="font-size:20px"></i> </button> <button class="btn btnDelete" type="button"> <i class="fa fa-trash " style="font-size:20px"></i> </button>'
}
],
});
AddCenterEmptyRow();
},
error: function (err) {
// alert(err);
}
})
}
function AddCenterEmptyRow() {
var rowNode = CenterTable.row.add({
"id": "0", "Center_No": "0", "CenterName": "0",
"Value": "0", "Val_Percent": "0"
}).draw().node();
if (rowNode) {
var jqTds = $('>td', rowNode);
jqTds[0].innerHTML = '<table style="width:100%"><tr><td><input type="button" id="btnNewCenter" value="..." ></td><td><input type="text" class="twitterStyleTextbox" style="width:60px" id="txtNewCenter_No" readonly ></td></tr></table>';
jqTds[1].innerHTML = '<input type="text" class="twitterStyleTextbox" readonly id="txtNewCenterName" >';
jqTds[2].innerHTML = '<input type="number" style="width:60px" id="txtNewCenterVal" class="twitterStyleTextbox">';
jqTds[3].innerHTML = '<input type="number" style="width:60px" id="txtNewCenterPerc" class="twitterStyleTextbox">';
jqTds[4].innerHTML = '<button class="btn btnSubNewCenterSave" type="button"> <i class="fa fa-save " style="font-size:20px"></i> </button> '
}
var e = document.getElementById('txtNewCenterVal');
e.oninput = CenterValChange;
e.onpropertychange = e.oninput; // for IE8
var e = document.getElementById('txtNewCenterPerc');
e.oninput = CenterPercChange;
e.onpropertychange = e.oninput; // for IE8
//var e = document.getElementById('txtNewEchange_Rate');
//e.oninput = DebitChange;
//e.onpropertychange = e.oninput; // for IE8
}
函数绑定中心表(ID,val){
var strearchlang=“”;
txtcenertottal.value=val;
如果(lang==‘en-US’){
strearchlang=“搜索”;
}
$.ajax({
类型:“Post”,
url:'Query.asmx/FillSubTransCenters',
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
数据:{SubTransID:'+ID+'}',
成功:功能(数据){
if(中心桌的类型!=“未定义”)
CenterTable.destroy();
CenterTable=$('#tableCenters')。数据表({
“aaData”:JSON.parse(data.d),
“bFilter”:没错,
“bInfo”:假,
“长度变化”:错误,
“语言”:{
“搜索”:strearchlang
},
“分页”:false,
“栏目”:[
{“数据”:“id”},{“数据”:“中心号”},
{“数据”:“中心名”},{“数据”:“值”},
{“数据”:“Val_百分比”}
],
“columnDefs”:[
{
“目标”:[0],
“可见”:假,
“可搜索”:false
}, {
“目标”:5,
“数据”:空,
“默认内容”:
' '
}
],
});
AddCenterEmptyRow();
},
错误:函数(err){
//警惕(err);
}
})
}
函数AddCenterEmptyRow(){
var rowNode=CenterTable.row.add({
“id”:“0”,“中心编号”:“0”,“中心名称”:“0”,
“值”:“0”,“值百分比”:“0”
}).draw().node();
如果(行节点){
var jqTds=$('>td',行节点);
jqTds[0]。innerHTML='';
jqTds[1]。innerHTML='';
jqTds[2]。innerHTML='';
jqTds[3].innerHTML='';
jqTds[4]。innerHTML=''
}
var e=document.getElementById('txtNewCenterVal');
e、 oninput=中心值更改;
e、 onpropertychange=e.oninput;//用于IE8
var e=document.getElementById('txtNewCenterPerc');
e、 oninput=CenterPerChange;
e、 onpropertychange=e.oninput;//用于IE8
//var e=document.getElementById('txtNewEchange_Rate');
//e、 oninput=借记更改;
//e、 onpropertychange=e.oninput;//用于IE8
}
一切正常,但数据显示在空行之后
1-有没有办法选择空行的放置顺序
2-是否有更好的方法插入空行
注意:我不能使用页脚,因为它用于汇总,但不包括该代码
多谢各位
编辑
根据数据表的创建者回答: 该行将根据应用于的顺序进行定位 桌子表的排序将行放置在何处,即 它将出现在哪里 我的解决方案是使用该功能来实现这一点 下面是我将要做的一个例子
希望这有帮助不需要jquery,只需将它放在HTML表的页脚中。td是否正确?另外,您可以显示预期结果和您得到的结果吗?我已发送了一张图片,所有数据行后面都应该是空行。您查看的ID?我需要空行不排序(如果用户与其他列一起排序怎么办)我想把它修好,谢谢你的回答,但正如你从我的代码中看到的,我没有使用顺序,新行的值都是零,并且在绑定数据之后调用emptyrowfunction,所以我认为(逻辑上)空行应该在数据之后——是否有其他方法,因为我将在其他函数中使用order,但用户可以进行排序,因此我不希望空行与数据行一起排序(固定在底部)。我有一个主意,可以在页脚中进行排序,但问题是我总是有一个页脚行我可以有一个有两行的页脚吗(总和,空行)请举例或链接?