处理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); });
相关文章推荐
- AWT/Swing中处理鼠标双击(多击)以及右键点击的事件处理办法
- ListView嵌套ListView涉及到的子ListView无法显示完全,以及父ListView无法执行item的点击事件的处理
- ZP的EXTJS学习笔记(三)——邮箱功能的开发(按钮事件、下拉框、分页、record小图标、整条数据格式处理、定时刷新、record复选删除、分组)
- 在ListView嵌套GridView中出现的点击事件冲突的处理以及gridview显示不全的问题
- 点击事件处理, 以及hitTest:withEvent:实现
- WebView加载网页以及处理里面的超链接点击事件
- onbeforeunload 事件和onunload事件(点击刷新后处理)
- CCMenu超过CCScrollView边框还能点击处理,以及拖动CCMenuItem不响应点击事件
- 处理新浪微博中@ #等格式 蓝色高亮~ 表情 以及点击事件
- foreach点击事件传递参数,处理后局部刷新
- [Android]在ListView嵌套GridView中出现的点击事件处理以及gridview显示不全的有关问题
- Android 在ListView嵌套GridView中出现的点击事件冲突的处理以及gridview显示不全的问题
- [Android]在ListView嵌套GridView中出现的点击事件处理以及gridview显示不全的问题
- checkbox扩大点击范围以及一个监听器处理多个点击事件
- 处理新浪微博中@ #等格式 蓝色高亮~ 表情 以及点击事件
- RecycleView的通用适配器BaseQuickAdapter处理item中子控件的点击事件以及cardview卡片阴影
- 重复提交、重复刷新、防止后退的问题以及处理方式
- 重复提交、重复刷新、防止后退的问题以及处理方式
- 总结 重复提交、重复刷新、防止后退的问题以及处理方式
- 转: 重复提交、重复刷新、防止后退的问题以及处理方式