在CRUD操作期间使用jquery数据表上载图像/文件

时间:2015-05-04 10:14:12

标签: jquery asp.net-mvc datatables jquery-datatables

我在Asp.net mvc应用程序中使用数据表,并使用datatables在表单中显示用户列表。 我想使用带有图像文件的弹出窗口添加新记录。 如何使用数据表在弹出窗口中上传图片?

enter image description here

注意

  • 我使用的是Asp.net MVC 4
  • Visual studio 2012
  • 数据表
  • 数据表内联编辑,它以这种形式正常工作

编辑:

$(function () {
        $('#ItemsDatatable').dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": '@Url.Content("~/Person/Get")',
            "aoColumns": [
                            { "sName": "ItemID", "bSearchable": false, "bSortable": false, "visible": false },
                              { "sName": "CusID", "bSearchable": false, "bSortable": false, "visible": false },
                             { "sName": "Name" },
                            { "sName": "Description" },
                            { "sName": "Image", "bSearchable": false, "bSortable": false },
                            { "sName": "Price" }
            ]
        }).makeEditable(
        {
            'sAddURL': '@Url.Content("~/Person/Add")',
            'sDeleteURL': '@Url.Content("~/Person/Delete")',
            'sUpdateURL': '@Url.Content("~/Person/Update")',
            "aoColumns": [
                            { "sName": "ID", "bSearchable": false, "bSortable": false, "visible": false },
                              { "sName": "CusID", "bSearchable": false, "bSortable": false, "visible": false },
                             {
                                 indicator: 'Saving...',
                                 tooltip: 'Click to select customer',
                                 loadtext: 'loading...',
                                 type: 'select',
                                 onblur: 'submit',
                                 data: GetCustomers(),
                             },
                            { "sName": "Description" },
                            { "sName": "Image", "bSearchable": false, "bSortable": false },
                            { "sName": "Price" }
            ]

        });

    });

0 个答案:

没有答案