jquery - jQueryデータテーブルは、行の1つのフィールドを表示/非表示にします

Question

JSON を使用して jQuery データテーブルを読み込みます。連続するフィールドの 1 つが凡例です。基本的に、凡例のテキスト全体ではなく、「表示/非表示」の凡例が必要です。私に何ができる？

ありがとう！

例で更新: http://jsfiddle.net/fDavN/5592/

Please check code on jsfiddle (quite long)

Answer 1

この機能をすべての行に追加したい場合は、データテーブルのドキュメントを確認する必要があります: show-hide

私のプロジェクト（サーバー側処理）では、定義時sDefaultContentに（最初の列で）呼び出しでそれを行いました：aoColumns

"aoColumns": [
    {
       "mDataProp": null,
       "sClass": "control center",
       "sDefaultContent": '<img src="some_image_url">'
    },
    //...
]

クリックされた行にいくつかのデータを追加する関数を準備します。

$('#datatables_selector').live( 'click', function () {
    var nTr = this.parentNode;
    var i = $.inArray( nTr, anOpen );
    if ( i === -1 ) {
        $('img', this).attr( 'src', "some_image_url" );
        var nDetailsRow = oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
        $('div.innerDetails', nDetailsRow).slideDown();
        anOpen.push( nTr );
    }
    else {
        $('img', this).attr( 'src', "some_image_url" );
        $('div.innerDetails', $(nTr).next()[0]).slideUp( function () {
            oTable.fnClose( nTr );
            anOpen.splice( i, 1 );
        } );
    }
} );
function fnFormatDetails( oTable, nTr ){
    var oData = oTable.fnGetData( nTr );
    var sOut = 'some html for input data: <div>, <table> etc';
    return sOut;
}