datatables edit 重新定义创建修改删除的 URL路径

最新推荐文章于 2020-01-13 19:45:42 发布

IntelligentDren

最新推荐文章于 2020-01-13 19:45:42 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/a9254778/article/details/52573472

Js 专栏收录该内容

29 篇文章

订阅专栏

var editor; //
 use a global for the submit and return data rendering in the examples

 

$(document).ready(function()
 {

    editor
 = new $.fn.dataTable.Editor(
 {

        ajax:
 {

            create:
 {

                type: 'POST',

                url:  '../php/rest/create.php'

            },

            edit:
 {

                type: 'PUT',

                url:  '../php/rest/edit.php?id=_id_'

            },

            remove:
 {

                type: 'DELETE',

                url:  '../php/rest/remove.php?id=_id_'

            }

        },

        table: "#example",

        fields:
 [ {

                label: "First
 name:",

                name: "first_name"

            },
 {

                label: "Last
 name:",

                name: "last_name"

            },
 {

                label: "Position:",

                name: "position"

            },
 {

                label: "Office:",

                name: "office"

            },
 {

                label: "Extension:",

                name: "extn"

            },
 {

                label: "Start
 date:",

                name: "start_date"

            },
 {

                label: "Salary:",

                name: "salary"

            }

        ]

    }
 );

 

    $('#example').DataTable(
 {

        dom: "Bfrtip",

        ajax: "../php/rest/get.php",

        columns:
 [

            {
 data: null,
 render: function (
 data, type, row ) {

                //
 Combine the first and last names into a single table field

                return data.first_name+'
 '+data.last_name;

            }
 },

            {
 data: "position" },

            {
 data: "office" },

            {
 data: "extn" },

            {
 data: "start_date" },

            {
 data: "salary",
 render: $.fn.dataTable.render.number( ',', '.',
 0, '$' )
 }

        ],

        select: true,

        buttons:
 [

            {
 extend: "create",
 editor: editor },

            {
 extend: "edit",  
 editor: editor },

            {
 extend: "remove",
 editor: editor }

        ]

    }
 );

}
 );