Question

大家好朋友我在使用.html（）函数时遇到了dataTables搜索和排序功能的问题....替换div中的内容...替换内容来自ajax请求使用此功能....

function str(gs)
{
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            var strArray = xmlhttp.responseText.split("::");
            $("#field1").html(strArray[0]);
            $("#fieldb").html(strArray[1]); //this line replaces the content of tbody where datatables search and sort doesn't work
            $("#tiger1").html(strArray[2]);
        }
    }
    xmlhttp.open("GET", "data/readv-data.php?scode="+gs, true);
    xmlhttp.send();
}

这是html

<table cellpadding="0" cellspacing="0" border="0" class="display" rel="datatable" id="rep">
    <thead>
        <tr>
            <th>Library</th>
            <th>Book</th>
            <th>Date</th>
            <th>Location</th>
            <th>Type</th>
        </tr>
    </thead>
    <tbody id="fieldb">
    </tbody>
</table>

Answer 1

DataTables有一个用于操作/替换数据的API。当您替换时更改标记，但DataTables不知道如何处理它，因为您没有告诉DataTables存在更改。

$("#fieldb").html(strArray[1]);

oTable.fnDestroy();
oTable = $('#rep').dataTable();

Best Practices for replacing all table data

Jquery数据表搜索和排序不使用.html（）函数

1 个答案: