頁面使用$.dataTable()的時候,如何獲取Table一行的資料
阿新 • • 發佈:2019-02-10
使用
$("#tableId").dataTable({
//建立動態表格table
"bProcessing": true,//進度條 "bDestroy": true, "bPaginate": true,//翻頁功能 "bAutoWidth": false,//自動寬度 "bInfo": true,//頁尾資訊 "bFilter": false,//過濾功能 "bLengthChange": false,//不允許使用者改變分頁大小 "bServerSide": true, "oLanguage": { "sLengthMenu": "每頁顯示 _MENU_ 條記錄", "sZeroRecords": "對不起,沒有匹配的資料", "sInfo": "第 _START_ - _END_ 條 / 共 _TOTAL_ 條資料", "sInfoEmpty": "沒有匹配的資料", "sInfoFiltered": "(資料表中共 _MAX_ 條記錄)", "sProcessing": "正在載入中...", "oPaginate": { "sFirst": "第一頁", "sPrevious": " 上一頁 ", "sNext": " 下一頁 ", "sLast": " 最後一頁 " } }, "sServerMethod": "POST", "sAjaxSource": "${ctx}" + "/returnGoods/getBranchProduct.html", "fnServerParams": function (aoData) { aoData.push( { "name": "pname", "value": $("#goodsName").val() }, { "name": "branchid", "value": $("#branchidsel").val() }, { "name": "pid", "value": $("#goodsId").val() } ); }, "aoColumns": [ { "sTitle": "商品id", "mData": "HMP_Id", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "商品名稱", "mData": "HMP_Name", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "規格", "mData": "BP_SellNorms", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "參考單位", "mData": "BP_SellUnit", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "參考裝箱數", "mData": "HMP_BoxNum", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "參考單價", "mData": "HMP_Price", "sWidth": "300px", "bSortable": false, "bVisible": true }, { "sTitle": "操作", "mData": "HMP_Id", "sWidth": "300px", "bSortable": false, "bVisible": true, "mRender": function (sVal, type, oObj) {
//window.productMap[oObj.HMP_Id]={data:oObj}; 例子:②var html ="<button class='btn btn-xs btn-info' onclick = 'addProToForm(" + sVal + ",this);'><i class='icon-ok bigger-120'></i>新增</button>"return html; }, }]
});
function addProToForm(id,obj){
//例子:③
var data=window.productMap[id].data;
//例子:④
data.對應的欄位名稱
例如:
var HMP_Id=data.HMP_Id;
//如果此處需要獲取,一整行的資料
1.首先要建立一個map ,這個map是一載入頁面的時候就建立的好的一個空的Map集合 例子:①
2.將所需要的資訊obj放進這個集合的指定位置 例子:②
3.獲取集合中的一整行資料的資訊例子③
4.獲取需要的欄位資訊 例子:④
}
----------------------------------------
載入頁面
<script type="text/javascript"> $(function () { //建立空的集合 :① window.productMap = {};