Question

我正在尝试设置外部输入来搜索jquery数据表。请参阅我的观看代码：

<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="~/Content/DataTables/css/select.bootstrap.css" rel="stylesheet"/>

<script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
<script src="~/Scripts/DataTables/dataTables.select.min.js"></script>
<script type="text/javascript">
    $(document)
    .ready(function() {
        var sfTable = $('#sfTable')
            .dataTable({
                "ajax": {
                    "url": "/Search/LoadData",
                    "type": "GET",
                    "datatype": "json"
                },
                "columns": [
                    { "data": "Id", "autoWidth": true },
                    { "data": "Name", "autoWidth": true },
                    { "data": "Address", "autoWidth": true }
                ],
                "searching": true,
                "select": true
            });

        $('#searchMe')
            .on('keyup',
                function() {
                    sfTable.search(this.value).draw();
                });
    });
</script>
<input id="searchMe" type="text"/>
<table id="sfTable" class="table table-condensed">
<thead>
<tr>
    <th>ID</th>
    <th>Name</th>
    <th>Address</th>
</tr>
</thead>
</table>

如果我在渲染的数据表中使用默认搜索它工作正常，但使用我的自定义SearchMe控件不会搜索表。我的最终目标是从一个输入中搜索两个数据表。

Answer 1

Datatables - Search Box outside datatable

这引出了我的答案，而且非常简单 - var sfTable = $('#sfTable').dataTable({代码必须是DataTable（）上的大写D - 突然它起作用了！

从外部输入搜索MVC jquery数据表

1 个答案: