jQuery DataTableクリック可能なタイトル

Question

jqueryデータ型を使用して次の情報を表示しています。 ID、タイトル、住所、市、ZipCode IDの行には製品の詳細ページにリンクするリンクが含まれていますが、各行ごとに「表示」と表示されます。これは愚かです。 ID列を非表示/削除し、タイトルをクリック可能にする、つまりタイトルがクリックされた後、ユーザーが詳細ページに移動する必要があります。言い換えれば、Id列の機能を引き継ぐタイトル列が必要です。

これは私のコードです。

$(document).ready(function() { 

    $('#myDataTable').dataTable({ 
     "bServerSide": true, 
     "sAjaxSource": "DataTable/AjaxHandler", 
     "bProcessing": true, 
     "aoColumns": [ 
         { "sName": "ID", 
          "bSearchable": false, 
          "bSortable": false, 
          "fnRender": function (oObj) { 
           return '<a href=\"' + oObj.aData[0] + '\">View</a>'; 
          } 
         }, 
         { "sName": "TITLE" }, 
         { "sName": "ADDRESS" }, 
         { "sName": "CITY" }, 
         { "sName": "ZIPCODE" } 
        ] 
    }); 
}); 

私は

はそれが理にかなってホープMVC 2.0を使用しています。

Answer 1

$(document).ready(function() { 

$('#myDataTable').dataTable({ 
    "bServerSide": true, 
    "sAjaxSource": "DataTable/AjaxHandler", 
    "bProcessing": true, 
    "aoColumns": [ 
        { "sName": "ID", 
         "bSearchable": false, 
         "bSortable": false, 
         "fnRender": function (oObj) { 
          return '<a href=\"' + oObj.aData[0] + '\">View</a>'; 
         } 
        }, 
        { "sName": "TITLE", 
         "fnRender": function (oObj) { 
         var al = oObj.aData[0].split('>');       
         var al2 = al[0].split('=');       
         var al3 = al2[1].split('/');       
         return "<a href='\" + al3[al3.length-1] + "'>"oObj.aData[1] + "</a>"; 
        },"aTargets": [1] 

}、 { "SNAME"： "ADDRESS"}、{ "SNAME"： "CITY"}、{ "SNAME"： "ZIPC​​ODE"} ] }）。 }）;

はその助けとなる可能性があり、それはあなたがリンク show/Hide column in datatable

Answer 2

こんにちはあなたは動作しません提供してきたコードは次のよう試すことができ、列を非表示にするために

をうまくいくかもしれない完璧ではないかもしれません。私は自分自身で問題を解決することができましたが、ここでは同じ状況にある可能性があるもののための私の最終的なコードです。

$(document).ready(function() { 

$('#myDataTable').dataTable({ 
    "bServerSide": true, 
    "sAjaxSource": "DataTable/AjaxHandler", 
    "bProcessing": true, 
    "aoColumns": [ 
        { 
         "sName": "TITLE", //index 1 
         "bSearchable": true, 
         "bSortable": true, 
         "fnRender": function (oObj) 
         { 
          return '<a href=\"' + oObj.aData[0] + '\">' + oObj.aData["1"] + '</a>'; 
         }        
        } 
        , 
        { 
         "sName": "ADDRESS", //index 2 
         "bSearchable": true, 
         "bSortable": true, 
         "fnRender": function (oObj) 
         { 
          return oObj.aData["2"] 
         }        
        } 
        , 
              { 
         "sName": "CITY", //index 3 
         "bSearchable": true, 
         "bSortable": true, 
         "fnRender": function (oObj) 
         { 
          return oObj.aData["3"] 
         }        
        } 
        , 
              { 
         "sName": "ZIPCODE", //index 4 
         "bSearchable": true, 
         "bSortable": true, 
         "fnRender": function (oObj) 
         { 
          return oObj.aData["4"] 
         }        
        } 
       ] 
    }); 
});