1

私はjsonデータからDataTableにリンクを作成しています。順調に進んでいますが、リンク名が正しくないようです。私が変更しようとしたものは何でも「未定義」と言い続けます。これが私のコードです:

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        var oTable = $('#tablez').dataTable( {
            "bProcessing": true,
            "bJQueryUI": true,
            "sAjaxSource": 'inc/all_cars_json.php',
            "sPaginationType": "full_numbers",
            "aaSorting": [[ 0, "desc" ]],                   
             "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
                    $('td:eq(1)', nRow).html('<a href="car/=' + nRow[0] + '">' +
                        nRow[1] + '</a>');
                    return nRow;
                }
        } );
    } );
</script>

JSON データ:

{"aaData": [
["2715","Toyota","Soluna","VIOS 1.5E VVT-i","2007","\u0e14\u0e33","430,000"],
["2589","Toyota","","MIGHTY X","1995","\u0e40\u0e02\u0e35\u0e22\u0e27","159,000"],["2997","Mazda","Fighter","Freestyle CAB TURBO","2003","\u0e1a\u0e23\u0e2d\u0e19\u0e0b\u0e4c\u0e40\u0e07\u0e34\u0e19","329,000"],
["3002","Isuzu","Rodeo","LS 4WD","2000","\u0e1a\u0e23\u0e2d\u0e19\u0e0b\u0e4c\u0e17\u0e2d\u0e07","319,000"],
["3126","Toyota","Hilux","TIGER D4D CAB","2003","\u0e02\u0e32\u0e27","465,000"],["3127","Mitsubishi","Triton","DID Commonrail","2006","\u0e1a\u0e23\u0e2d\u0e19\u0e0b\u0e4c\u0e17\u0e2d\u0e07","455,000"],
["3128","Honda","City","1.5 i-VTEC","2009","\u0e14\u0e33","0"]
]}

プレビューは次のとおりです。

ここに画像の説明を入力 問題は、どうすればリンクのタイトルと値 (nRow[0]) をこの場合に機能させることができるかということです。よろしく、

4

2 に答える 2

3

これは、次を使用して実行できます。

     "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
            $('td:eq(1)', nRow).html('<a href="car/=' + nRow[0] + '">' +
                $('td:eq(1)', nRow)[1].textConent + '</a>');
            return nRow;
        }

または、列に名前を付けます

"aoColumns": [
              { "bSortable": false, "sWidth": "34px", "mDataProp": "Id" },
              { "mDataProp": "Brand" },
              { "mDataProp": "Type" },
              { "mDataProp": "SubType" },
              { "mDataProp": "Year" }]

次に、これを使用できます:

 "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
        $('td:eq(1)', nRow).html('<a href="car/=' + nRow[0] + '">' +
            aData.Brand + '</a>');
        return nRow;
    }
于 2012-12-28T09:22:06.673 に答える