[[ProgramLanguage/Script/JavaScript/jQuery]] *DataTable クラス[#p81a98f0] カスタマイズできるグリッドにデータを表示するコントロールを表します。 #contents **DataTables debugger [#a1345308] -[[DataTables debuggerの使い方>../DataTables debugger]] //End DataTables debugger **DataTable コンストラクター [#s45a2115] DataTable クラスの新しいインスタンスを初期化します。 |名称|備考|h |[[dataTable(object)>../DataTable/dataTable(object)]]|''DataTable'' クラスのインスタンスを生成します。| **メソッド [#s8867045] |名称|備考|h |$|| |_|| |[[fnAddData(1D array of data[, boolean = true])>../DataTable/fnAddData(1D array of data, boolean = true)]]|''インメモリ データ ソース''に新しい行を追加します。| |[[fnAddData(2D array of arrays[, boolean = true])>../DataTable/fnAddData(2D array of arrays, boolean = true)]]|''インメモリ データ ソース''に新しい行を追加します。| |[[fnAddData(object[, boolean = true])>../DataTable/fnAddData(object, boolean = true)]]|''インメモリ データ ソース''に新しい行を追加します。| |[[fnAddData(array of objects[, boolean = true])>../DataTable/fnAddData(array of objects, boolean = true)]]|''インメモリ データ ソース''に新しい行を追加します。| |[[fnAdjustColumnSizing([boolean = true])>../DataTable/fnAdjustColumnSizing(boolean = true)]]|すべての列幅を調節します。| |[[fnClearTable([boolean = true])>../DataTable/fnClearTable(boolean = true)]]|すべてのレコードをクリアします。| |[[fnClose(node)>../DataTable/fnClose(node)]]|[[''fnOpen''>#f2d6dcae]] メソッドで追加された行を削除します。| |[[fnDeleteRow(int[, function[, boolean = true]])>../DataTable/fnDeleteRow(int, function, boolean = true)]]|''インメモリ データ ソース''から行を削除します。| |[[fnDeleteRow(node[, function[, boolean = true]])>../DataTable/fnDeleteRow(node, function, boolean = true)]]|''インメモリ データ ソース''から行を削除します。| |[[fnDestroy([boolean = false])>../DataTable/fnDestroy(boolean = false)]]|表を破棄します。| |[[fnDraw([boolean = true])>../DataTable/fnDraw(boolean = true)]]|''データ ビュー''を再描画します。| |[[fnFilter(string[, int[, boolean = false[, boolean = true[, boolean = true[, boolean = true]]]]])>./DataTable/fnFilter]]|文字列に一致した行を表示します。| |fnGetData(int[, int])|指定した行のすべての列の値、または、指定されたセルの値を示します。| |fnGetData(node[, int])|指定した行のすべての列の値、または、指定されたセルの値を示します。| |[[fnGetNodes([int])>../DataTable/fnGetNodes(int)]]|指定した行のDOMツリーを示します。&br;行を指定しない場合は、すべての行のDOMツリーを配列で定義して示します。| |[[fnGetPosition(node)>../DataTable/fnGetPosition(node)]]|行番号、または列番号を示します。&br;行番号は内部的な番号のみですが、列番号は描画上と内部的な番号の二種類が示されます。| |fnIsOpen(node)|[[''fnOpen''>#f2d6dcae]] メソッドで新規行が描画されている状態であるかを示します。| |fnOpen(node, string, string)|指定された行の後に新しい行が追加されます。&br;追加された行は描画上のものであり、[[''fnAddData''>#l32d7bca]] のようにデータを動的に追加する機能とは違います。| |fnOpen(node, node, string)|指定された行の後に新しい行が追加されます。&br;追加された行は描画上のものであり、[[''fnAddData''>#l32d7bca]] のようにデータを動的に追加する機能とは違います。| |fnOpen(node, jQuery, string)|指定された行の後に新しい行が追加されます。&br;追加された行は描画上のものであり、[[''fnAddData''>#l32d7bca]] のようにデータを動的に追加する機能とは違います。| |fnPageChange(string, [boolean = true])|指定したページに移動します。| |fnPageChange(int, [boolean = true])|指定したページに移動します。| |[[fnSetColumnVis(int, boolean[, boolean = true])>../DataTable/fnSetColumnVis(int, boolean, boolean = true)]]|列を表示するかどうかを設定する。| |[[fnSettings()>]]|設定情報を取得する。| |fnSettings()|設定情報を取得する。| |[[fnSort(2D array of arrays)>../DataTable/fnSort(2D array of arrays)]]|行を並べ替えます。| |[[fnSortListener(node, int, function)>../DataTable/fnSortListener(node, int, function)]]|指定されたオブジェクトのアクションイベントで行が並べ替えられるよう設定します。&br;例えば、ボタンがクリックされた時に行を並べ替えたいときに使用します。| |fnUpdate(array, node[, int[, boolean[, boolean]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| |fnUpdate(array, int[, int[, boolean[, boolean]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| |fnUpdate(object, node[, int[, boolean = true[, boolean = true]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| |fnUpdate(object, int[, int[, boolean = true[, boolean = true]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| |fnUpdate(string, node[, int[, boolean = true[, boolean = true]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| |fnUpdate(string, int[, int[, boolean = true[, boolean = true]]]) |指定された行のすべての列の値、または、指定されたセルの値を更新する。| //End メソッド **Callbacks [#k805daf9] |名称|備考|h |fnCookieCallback|| |fnCreatedRow|| |fnDrawCallback|| |fnFooterCallback|| |fnFormatNumber|| |fnHeaderCallback|| |fnInfoCallback|| |fnInitComplete|| |fnPreDrawCallback|| |fnRowCallback|| |fnServerData|| |fnServerParams|| |fnStateLoad|| |fnStateLoaded|| |fnStateLoadParams|| |fnStateSave|| |fnStateSaveParams|| //End Callbacks **Columns [#j2015b6b] |名称|備考|h |aDataSort|| |asSorting|| |bSearchable|列をフィルタリングの対象にするか否かを定義する。&br;''true''ならフィルタリングの対象として一致するデータが存在するかの検索対象となります。&br;''false''なら検索対象外となり一致するデータが存在していても無視されます。| |bSortable|| |bUseRendered|| |bVisible|列を表示するか否かを定義する。&br;''true''なら列が表示され、''false''なら列が表示されない。&br;&br;非表示にした列は''HTMLタグ''が削除されている状態です。&br;したがって、非表示列に''submit''用の''hidden''項目を隠し持っていても送信されません。| |fnCreatedCell|| |fnRender|| |iDataSort|| |mDataProp|| |sClass|| |sContentPadding|| |sDefaultContent|| |sName|| |sSortDataType|| |sTitle|| |sType|並べ替えに使用する値の型を定義する。&br;型は"string", "numeric", "date" ,"html"&br;未指定の場合は"html"となる。&br;型が文字列だと"5"と"10"を比較した時"10"の方が小さいと判断されるので注意すること| |sWidth|列の幅を定義する。&br;"3em", "20px"などCSSと同様に定義できる。| //End Columns **Features [#z88ab9b9] |名称|備考|h |bAutoWidth|| |bDeferRender|| |bFilter|| |bInfo|| |bJQueryUI|| |bLengthChange|| |bPaginate|| |bProcessing|| |bScrollInfinite|| |bServerSide|| |bSort|| |bSortClasses|| |bStateSave|| |sScrollX|| |sScrollY|| //End Features **Language [#n4397dbf] |名称|備考|h |oLanguage.oAria.sSortAscending|| |oLanguage.oAria.sSortDescending|| |oLanguage.oPaginate.sFirst|| |oLanguage.oPaginate.sLast|| |oLanguage.oPaginate.sNext|| |oLanguage.oPaginate.sPrevious|| |oLanguage.sEmptyTable|| |oLanguage.sInfo|| |oLanguage.sInfoEmpty|| |oLanguage.sInfoFiltered|| |oLanguage.sInfoPostFix|| |oLanguage.sInfoThousands|| |oLanguage.sLengthMenu|| |oLanguage.sLoadingRecords|| |oLanguage.sProcessing|| |oLanguage.sSearch|| |oLanguage.sUrl|| |oLanguage.sZeroRecords|| //End Language **Option [#t159aa1d] |名称|備考|h |aaData|| |aaSorting|| |aaSortingFixed|| |aLengthMenu|| |aoSearchCols|| |asStripeClasses|| //End Option **Options [#s5a7ff80] |名称|備考|h |bDestroy|dataTableメソッドでインスタンスを生成するとき、既にインスタンスが生成されている場合は、そのインスタンスを破棄した後に、新たにインスタンスを生成する| |bRetrieve|dataTableメソッドでインスタンスを生成するとき、既にインスタンスが生成されている場合はそのインスタンスを戻す| |bScrollAutoCss|| |bScrollCollapse|| |bSortCellsTop|| |iCookieDuration|| |iDeferLoading|| |iDisplayLength|| |iDisplayStart|| |iScrollLoadGap|| |iTabIndex|| |oSearch|| |sAjaxDataProp|| |sAjaxSource|| |sCookiePrefix|| |sDom|| |sPaginationType|| |sScrollXInner|| |sServerMethod|| //End Options **Server-side [#v13bec8a] |名称|備考|h |bServerSide|| |fnServerData|| |fnServerParams|| |sAjaxDataProp|| |sAjaxSource|| |sServerMethod|| //End Server-side