DataTable ajax嵌套表与搜索

时间:2016-07-25 09:53:06

标签: javascript jquery ajax datatables

我用ajax创建了jQuery DataTable,但是我需要在其中添加另一个嵌套表,它应该是从父表中搜索。有可能!!

HTML

<table id="gatePass" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th></th>
            <th>Company Name</th>
            <th>From Date</th>
            <th>To Date</th>
            <th>Area</th>
            <th>Status</th>
            <!--<th style="display:none">itemId</th>-->
        </tr>
    </thead>
    <tbody></tbody>
</table>

的JavaScript

var dataTableExample = 'undefined';
    $(document).ready(function () {
        loadDataTable();
    });

    function loadDataTable() {
        var a = "/_api/lists/getbytitle('GatePass')/items?$select=Id,Title,FromDate,ToDate,Area,OtherOldBuildingArea,OtherNewBuildingArea,WFStatus&$filter=WFStatus eq 'Approved'";
        $.ajax({
            url: a,
            type: "GET",
            dataType: "json",
            headers: {
                "accept": "application/json;odata=verbose"
            },
            success: mySuccHandler,
            error: myErrHandler
        });
    }

    function mySuccHandler(data) {
        if (dataTableExample != 'undefined') {
            dataTableExample.destroy();
        }
        dataTableExample = $("#gatePass").DataTable({
            "aaData": data.d.results,
            "aoColumns": [
                 {
                    "className": 'details-control',
                    "orderable": false,
                    "data": null,
                    "defaultContent": ''
                 },
                { mData: "Title" },
                {
                    mData: "FromDate",
                    mRender: function (data, type, row) {
                        return moment(data).format('DD-MMM-YYYY hh:mm A');
                    }
                },
                {
                    mData: "ToDate",
                    mRender: function (data, type, row) {
                        return moment(data).format('DD-MMM-YYYY hh:mm A');
                    }
                },
                { mData: "Area" },
                { mData: "WFStatus" },
            ]
        });
    }
    function myErrHandler(data, errCode, errMessage) {
        alert("Error: " + errMessage);
    }

嵌套表有什么好处直接从ajax获取数据或者生成动态字符串和表。问题是,如果我创建动态字符串,我认为我无法搜索它。请帮帮我。

0 个答案:

没有答案
相关问题