如何在局部视图mvc上调用数据表

时间:2017-03-24 06:02:38

标签: c# jquery ajax asp.net-mvc datatables

如何在部分视图mvc上调用数据表。

以下是部分视图:

   @model EmailTemplate.UI.Areas.Ticket.Models.AppTicket
<div class="result" id="sss"> 
    <table class="table table-striped table-bordered table-hover" id="TableAssign">
        <thead>
            <tr>
                @*<th>
                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                            <input type="checkbox" class="group-checkable" id="chkall" data-set="#sample_1 .checkboxes" onclick="Selectallcheckbox()" />
                            <span></span>
                        </label>
                    </th>*@
                <th> Title </th>
                <th> Description </th>
                <th> Duedate </th>
                <th> AssignBy</th>
                <th> Status </th>
            </tr>
        </thead>
        @*<tbody>
                @foreach (var itm in Model.TicketList)

                {
                    <tr class="odd gradeX">
                        <td>
                            <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                <input type="checkbox" class="checkboxes" value="1" />
                                <span></span>
                            </label>
                        </td>

                        <td>
                            <a href="#">@itm.Title</a>
                        </td>
                        <td> @itm.Description </td>
                        <td class="center">
                            @itm.Duedate
                        </td>
                        <td class="center"> @itm.AssignBy </td>

                        <td>
                            <span class="label label-sm label-warning"> @itm.Status </span>
                        </td>
                    </tr>
                }

            </tbody>*@
    </table>
    </div>

以下是代码:

 {
                                debugger;
                                if ($.fn.DataTable.isDataTable("#TableAssign")) {
                                    $('#TableAssign').DataTable().clear().destroy();
                                }
                                debugger
                                $('#TableAssign').DataTable(); // ERROR: "DataTable() is not a function"
                                var table = $('#TableAssign');
                                //$("#sss").html(data.responseText);
                                debugger
                                $('#TableAssign').DataTable(
                                {
                                    'columnDefs': [{
                                        'targets': 0,
                                        'searchable': false,
                                        'orderable': false,
                                        "bLengthChange": false, "pageLength": 15, "stateSave": true,
                                        'width': '1%',
                                        'className': 'dt-body-center',
                                    }
                                    ,


                                    ],
                                    "language":
                                        {
                                            "processing": "<div class='overlay custom-loader-background'><i class='fa fa-cog fa-spin custom-loader-color'></i></div>"
                                        },
                                    "processing": true,
                                    "serverSide": true,
                                    "order": [[0, "asc"]],
                                    "ajax":
                                        {
                                            "url": "/TicketTemplate/GetAssignData",
                                            "type": "POST",
                                            "dataType": "JSON"
                                        },
                                    "columns": [
                                                { "data": "Title" },
                                                { "data": "Description" },
                                                { "data": "Duedate" },
                                                { "data": "AssignBy" },
                                                { "data": "Status" }
                                    ]

                                });

                                //$("#note1").html("");
                                //$("#partialSummaryDiv").html("");
                                //$("#partialSummaryDiv").html(data.responseText);


                                //document.getElementsByClassName('braja')[0].style.visibility = 'hidden';
                            }
                        });

有2个数据表:

对于第一个数据表,Id是TableId。 对于TableId,它工作得很好但是对于第二个局部视图,数据表没有初始化或没有发生任何事情,即在这种情况下控制器名称是GetAssignData并且没有被命中。

如果我将数据表id更改为TableId,则会被命中。 问题出在哪儿??? 条件是如果:

if (obj == 2) {
                            debugger
                            //$.ajax({
                            jQuery.ajax({
                                url: '@Url.Content("~/TicketTemplate/MyAssign/")',
                                type: "POST",
                                dataType: "json",
                                traditional: true,
                                contentType: "application/json; charset=utf-8",
                                success: function (data) {

在一个控制器的成功数据中,我将调用上述数据表。

那我该怎么办?

0 个答案:

没有答案