Javascript 无法使用jquery datatables在DataTable中添加行
我要看两张桌子。第一个是“可菜单”,另一个是“可确认”。当我单击“menuTable”中一行中的按钮时,“confirmTable”中的一行将添加测试数据。我提到:Javascript 无法使用jquery datatables在DataTable中添加行,javascript,jquery,datatable,Javascript,Jquery,Datatable,我要看两张桌子。第一个是“可菜单”,另一个是“可确认”。当我单击“menuTable”中一行中的按钮时,“confirmTable”中的一行将添加测试数据。我提到: <script src="~/Content/js/dataTables.bootstrap.min.js"></script> <script src="~/Content/js/jquery.dataTables.min.js"></script> 我对“confirmTab
<script src="~/Content/js/dataTables.bootstrap.min.js"></script>
<script src="~/Content/js/jquery.dataTables.min.js"></script>
我对“confirmTable”的看法:
<table id="confirmTable" class="table table-bordered table-striped dataTable">
<thead>
<tr role="row">
<th class="sorting_desc" width="180px" rowspan="1" colspan="1" tabindex="0">Menu Item Name</th>
<th class="sorting" rowspan="1" colspan="1" tabindex="1" width="220px;" aria-label="Description: activate to sort column ascending">Description</th>
<th class="sorting" rowspan="1" colspan="1" tabindex="2" width="220px;">Rate </th>
<th class="sorting" rowspan="1" colspan="1" tabindex="3" width="220px;">Quantity</th>
<th class="sorting" rowspan="1" colspan="1" width="220px;">Total</th>
<th class="sorting" rowspan="1" colspan="1" tabindex="4" width="220px;">Action</th>
</tr>
</thead>
<tbody>
<!--add row after clicking on menu items-->
</tbody>
</table>
菜单项名称
描述
比率
量
全部的
行动
单击“添加”按钮后,将调用“addToCurrentOrders()”函数,函数为:
function addToCurrentOrders() {
//add to confirm table
var currentRowNumber = $('#confirmTable').DataTable().data().length;
var newRow = new Array(6);
newRow[0] = "<input type='text' value='1' />";
newRow[1] = "<input type='text' value='2' />";
newRow[2] = "<input type='text' value='3' />";
newRow[3] = "<input type='text' value='4' />";
newRow[4] = "<input type='text' value='5' />";
// Embed hidden fields in actionBtnTd
var actionBtnsString = "<input type='text' id='inputMenuItemID' name='data' value='10'/>";
newRow[5] = actionBtnsString;
$('#confirmTable').DataTable().row(newRow).add.draw();
}
函数addToCurrentOrders(){
//添加以确认表
var currentRowNumber=$('#confirmTable').DataTable().data().length;
var newRow=新数组(6);
新行[0]=“”;
新行[1]=“”;
新行[2]=“”;
新行[3]=“”;
新行[4]=“”;
//在actionBtnTd中嵌入隐藏字段
var actionBtnsString=“”;
newRow[5]=actionBtnsString;
$('#confirmTable').DataTable().row(newRow.add.draw();
}
检查时,我收到以下错误消息:
Uncaught Error: Syntax error, unrecognized expression: <input type='text' value='1'/>
Uncaught错误:语法错误,无法识别的表达式:
尝试更改$('confirmTable').DataTable().row(newRow).add.draw()代码>到下面
$('#confirmTable').DataTable().row.add(newRow).draw();
酷!欢迎@NirojDahal!!