数据表:搜索文本区域在AJAX调用时变为不可编辑

时间:2012-12-03 14:33:08

标签: javascript jquery jquery-datatables

我有一个JS代码,它定期对后端进行AJAX调用以获取数据:

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function() {

var oTable = $('#example').dataTable({"bDestroy" : true, "bUseRendered": false, "bSort" : false, "bPaginate" : true, "bDeferRender": true});
(function worker() {
                        $.ajax( {
                                "dataType": 'json',
                                "type": "GET",
                                "url": "/service/?data=" + QueryString.data,
                                "async":false,
                                "success": function (data)
                                {
                                        $('#example').dataTable().fnClearTable();
                                        for(var i = 0; i < data.aaData.length; i++) {
                                            $('#example').dataTable().fnAddData([
                                                data.aaData[i][0],
                                                data.aaData[i][1],
                                                data.aaData[i][2],
                                                data.aaData[i][3],
                                                data.aaData[i][4],
                                                data.aaData[i][5],
                                                data.aaData[i][6]
                                        ]);
                                        }
                                },
                                complete: function() {
                                        oTable.fnDraw(false);
                                        setTimeout(worker, 5000);
                                }
                });
        })();
            } );
    </script>

问题在于,只要定期发出AJAX请求,数据表中的“搜索:”选项就变得不可编辑 - 尽管在完成AJAX调用后搜索文本框会启用。因此,当我尝试输入数据表集的搜索文本时,如果加载了一个AJAX调用,那么我无法在那里添加/删除任何文本?

请告诉我如何克服同样的问题?

0 个答案:

没有答案