您的位置:首页 > 其它

处理dataTable 刷新 分页以及行点击事件

2017-03-27 14:57 357 查看
http://datatables.club/example/diy.html
注:datatable为table id名称
var tableListData;
$(document).ready(function() {
tableListData = $('#datatable').DataTable({
ajax: {
type: 'POST',
url: '/machInfo/listAllMachInfoInChoseMach',
async: false,
dataSrc: "",
//返回的若是实体用空字符串   如果是数组:[0]
data: function(data) {
var orderCode = $("#orderCode").val();
var scheduledProducedUnits = $("#scheduledProducedUnits").val();
data.orderCode = orderCode; //传参-订单编号
data.scheduledProducedUnits = scheduledProducedUnits; //传参-计划生产数量
}
},

columnDefs: [{
targets: 0,
data: '',
render: function(data, type, row, meta) {
return '<input type="radio" class="iCheck">';
}
},
{
targets: 1,
data: 'machCode'
},
{
targets: 2,
data: 'estimatedFinishedTime'
},
{
targets: 3,
data: 'isSuccess'
},
{
targets: 4,
data: 'isSamePlastic'
},
{
targets: 5,
data: 'quality'
}

],
language: {
"sProcessing": "处理中...",
"sLengthMenu": "显示 _MENU_ 项结果",
"sZeroRecords": "没有匹配结果",
"sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
"sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
"sInfoPostFix": "",
"sSearch": "搜索:",
"sUrl": "",
"sEmptyTable": "表中数据为空",
"sLoadingRecords": "载入中...",
"sInfoThousands": ",",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "上页",
"sNext": "下页",
"sLast": "末页"
},
"oAria": {
"sSortAscending": ": 以升序排列此列",
"sSortDescending": ": 以降序排列此列"
}
}
});
});
//行点击事件
$('#datatable tbody').on('click', 'tr',
function() {
$('#generateSchedulingNO').removeAttr("disabled"); //选中机器后 将生成排程单按钮启用
var data = tableListData.row(this).data();
//将所需要的参数传入表单中
$("#injectionEndPoint").val(data.injectionEndPoint);
$("#meltEndPoint").val(data.meltEndPoint);
$("#estimatedClampingForce").val(data.estimatedClampingForce);
$("#cdTime").val(data.cdTime);
$("#meltTime").val(data.meltTime);
$("#backPressure").val(data.backPressure);
$("#machCode").val(data.machCode);

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐