数据表服务器端添加带参数的列
Datatables server side adding column with parameter
使用数据表服务器端添加带参数的列时出现问题。 当创建数据表服务器端没有其他列(只是查询列表表单数据库)时,它工作正常。但是当我想添加一个具有值 ID 的列时,我遇到了困难。
我的脚本 (JS) :
var dataTable = $('#mytablex').DataTable( {
"processing": true,
"serverSide": true,
"ajax":{
url :"<?php echo base_url();?>admin/ap_invoice/getPOs", // json datasource
type: "post", // method , by default get
"data": {
"posupplier_id": $('#vendor_id').val()
},
error: function(){ // error handling
$(".employee-grid-error").html("");
$("#mytablex").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
}
},
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent": "<input type='checkbox' id='supid[]' name='supid[]'>"
} ]
} );
当我添加时
<input type='checkbox' id='supid[]' name='supid[]'>
如何填充每个行的值,我想变成这样
<input type='checkbox' id='supid[]' name='supid[]' value='row->po_id'>
或者您可以使用选择分机。
$(document).ready(function () {
var events = $('#events');
var table = $('#example').DataTable({
//you can change data to ajax, there is an example
data: [{
"id": 1,
"name": "datatables",
"position": "anywhere",
"office": "stackoverflow",
"age": 18,
"salary": 341
}],
dom: 'Bfrtip',
columns: [
{
"data": "id"
},
{
"data": "name"
},
{
"data": "position"
},
{
"data": "office"
},
{
"data": "age"
},
{
"data": "salary"
}
],
columnDefs: [{
orderable: false,
className: 'select-checkbox',
targets: 0
}],
select: {
style: 'os',
selector: 'td:first-child'
},
order: [[1, 'asc']],
buttons: [
{
text: 'Get selected data',
action: function () {
var count = table.rows({
selected: true
}).count();
events.prepend('<div>' + count + ' row(s) selected</div>');
var data = table.rows({
selected: true
}).data().toArray();
//print whole row data
console.log(data);
//print id
console.log(data[0].id);
}
}
]
});
});
#events {
margin-bottom: 1em;
padding: 1em;
background-color: #f6f6f6;
border: 1px solid #999;
border-radius: 3px;
height: 100px;
overflow: auto;
}
<link href="https://cdn.datatables.net/select/1.3.0/css/select.dataTables.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/select/1.3.0/js/dataTables.select.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
相关文章:
- 如何使用skip参数使用angular ui引导进行服务器端分页
- Webpack开发服务器和React服务器端渲染
- 使用新参数通过服务器端处理重新绘制引导数据表
- 将jQuery参数发送到服务器端并创建输出文本文件
- 将参数传递到JavaScript的安全方式,无需服务器端脚本
- 覆盖 JQGrid 参数在服务器端找到
- 如何使用 ajax 调用带有参数(对象)的服务器端方法,其中 url 具有查询参数
- React 服务器端渲染 - 如何使用传入的 :p roductId 参数从服务器渲染
- 数据表服务器端添加带参数的列
- 通过HTML文件将参数从服务器端传递到Javascript
- 我如何发送参数到php脚本(ajax),使他们将包括在服务器端
- 在使用javascript向下拉列表添加项目并运行服务器端代码后,无效的回发或回调参数
- 在javascript函数中作为参数传递服务器端控件的客户端ID
- 如何在.net服务器端检索Http请求参数
- 我如何传递参数到express.js服务器端路由为MEAN.js包
- 要求的事情.参数在服务器端未定义:nodejs
- 如何在C#服务器端处理jQueryPOST发送的参数
- 如何将控件作为参数从javascript传递到服务器端
- 从Angular客户端发送文件和附加参数,并在服务器端处理它们的最佳方式
- 服务器端事件-如何传递参数到服务器端脚本?附加查询字符串