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',
"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
},