Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.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 在jquery数据表(非编辑器)的底部数据后面添加空行(用于插入)_Javascript_Jquery_Datatables - Fatal编程技术网

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,但用户可以进行排序,因此我不希望空行与数据行一起排序(固定在底部)。我有一个主意,可以在页脚中进行排序,但问题是我总是有一个页脚行我可以有一个有两行的页脚吗(总和,空行)请举例或链接?