datatable-editor構成(バックグラウンド戻り説明付き)
4356 ワード
var editor;//use a global for the submit and return data rendering in the examples
$(document).ready(function(){editor=new$.fn.dataTable.Editor({ajax:'.../php/dates.php',table:'#example',fields:[{label:'名前:',name:'first_name',}{ label: 'Last name:', name: 'last_name' }, { label: 'Updated date:', name: 'updated_date', type: 'datetime', def: function () { return new Date(); } }, { label: 'Registered date:', name: 'registered_date', type: 'datetime', def: function () { return new Date(); } } ], i18n: { datetime: { previous: 'Zh_cn', next: 'Premier', months: [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ], weekdays: [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ] } } } ); $('#example').on( 'click', 'tbody td:not(:first-child)', function (e) { editor.inline( this ); } ); $('#example').DataTable( { dom: 'Bfrtip',
ajax:'../php/dates.php',“language”{“sProcessing”:“処理中...”「sLengthMenu」:「表示_MENU_項結果」、「sZeroRecords」:「一致結果なし」、「sInfo」:「第_START_至_END_項結果表示、共_TOTAL_項」、「sInfoEmpty」:「第0から0項結果表示、共0項」、「sInfoFiltered」:「(MAX_項結果からフィルタリング)」、「sInfoPostFix」:「」、「sSearch」:[検索],[sUrl]:[],[sEmptyTable]:[テーブル内のデータが空],[sLoadingRecords]:[ロード中...]「sInfoThousands」:「,」「oPaginate」:{「sFirst」:「トップページ」>「sPrevious」:「前ページ」>「sNext」:「下ページ」>「sLast」:「末ページ」}、「oAria」:{「sSortAscending」:「:この列を昇順で並べ」>「sSortDescendining」:「:この列を降順で並べ」}}, columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'updated_date' }, { data: 'registered_date' } ], select: true, buttons: [ {extend:'create',editor:editor,formMessage:'新しいデータを入力し、「Save」ボタンをクリックしてデータを保存します.',text:'新規',formButtons:'提出','formTitle':'提出'},{extend:'edit',editor:editor},{extend:'remove',editor:}
//バックグラウンドからデータを返す
配列はフィールドdata,draw,recordsFiltered,recordsTotalを含む
data(配列)配列オブジェクトは、DT_RowIdフィールド(trを生成するid)を含む必要があります.変更および削除は、一意の識別として使用されます.
//推奨引用書類
:ドロップダウンで した はfiledで する があります
$(document).ready(function(){editor=new$.fn.dataTable.Editor({ajax:'.../php/dates.php',table:'#example',fields:[{label:'名前:',name:'first_name',}{ label: 'Last name:', name: 'last_name' }, { label: 'Updated date:', name: 'updated_date', type: 'datetime', def: function () { return new Date(); } }, { label: 'Registered date:', name: 'registered_date', type: 'datetime', def: function () { return new Date(); } } ], i18n: { datetime: { previous: 'Zh_cn', next: 'Premier', months: [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre' ], weekdays: [ 'Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam' ] } } } ); $('#example').on( 'click', 'tbody td:not(:first-child)', function (e) { editor.inline( this ); } ); $('#example').DataTable( { dom: 'Bfrtip',
"serverSide": true,
ajax:'../php/dates.php',“language”{“sProcessing”:“処理中...”「sLengthMenu」:「表示_MENU_項結果」、「sZeroRecords」:「一致結果なし」、「sInfo」:「第_START_至_END_項結果表示、共_TOTAL_項」、「sInfoEmpty」:「第0から0項結果表示、共0項」、「sInfoFiltered」:「(MAX_項結果からフィルタリング)」、「sInfoPostFix」:「」、「sSearch」:[検索],[sUrl]:[],[sEmptyTable]:[テーブル内のデータが空],[sLoadingRecords]:[ロード中...]「sInfoThousands」:「,」「oPaginate」:{「sFirst」:「トップページ」>「sPrevious」:「前ページ」>「sNext」:「下ページ」>「sLast」:「末ページ」}、「oAria」:{「sSortAscending」:「:この列を昇順で並べ」>「sSortDescendining」:「:この列を降順で並べ」}}, columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'updated_date' }, { data: 'registered_date' } ], select: true, buttons: [ {extend:'create',editor:editor,formMessage:'新しいデータを入力し、「Save」ボタンをクリックしてデータを保存します.',text:'新規',formButtons:'提出','formTitle':'提出'},{extend:'edit',editor:editor},{extend:'remove',editor:}
//バックグラウンドからデータを返す
配列はフィールドdata,draw,recordsFiltered,recordsTotalを含む
data(配列)配列オブジェクトは、DT_RowIdフィールド(trを生成するid)を含む必要があります.変更および削除は、一意の識別として使用されます.
//推奨引用書類
:ドロップダウンで した はfiledで する があります
type: 'select',
ipOpts: [
{
"label": " ",
"value": "1"
},
{
"label": " ",
"value": "2"
},
{
"label": " ",
"value": "3"
},
{
"label": " ",
"value": "4"
},
{
"label": " ",
"value": "5"
},
{
"label": " ",
"value": "6"
}
]
, , ajax.data ,
table.ajax.reload();
"serverParams": function (aoData) {
aoData.status = status
},