为什么使用Javascript时我的分页数据表不起作用?

时间:2018-10-29 10:19:09

标签: javascript jquery jsp struts2

我想禁用一些带有条件的按钮。 我已经禁用了该按钮,但是我的分页不起作用。这两个功能都可以使用,但是当我同时使用两个功能时,则无法使用。你能帮我吗?

这是我的HTML / JSP

<div id="dt_example" class="example_alt_pagination">
    <table class="table
    id="data-table" >
    <thead>
        <tr>

            <th class="text-center">Un-Used</th>
            <th class="text-center">Total</th>
            <th class="text-center">Action</th>
        </tr>
    </thead>
    <tbody>
        <s:iterator value="checkList" status="status">
        <tr >
            <td class="text-center"  id="unUsedWarkat<s:property value="%{#status.index}"/>"><s:property value="unUsedWarkat" /></td>
            <td class="text-center" id="totalWarkat<s:property value="%{#status.index}"/>"><s:property value="totalWarkat" /></td>
            <td class="text-center"><s:property value="statusWarkat" /></td>

            <td class="text-center">
                <s:url id="delete" action="warkat_book_maintenance_delete" escapeAmp="false">
                <s:param name="idwebTknUrl" value="idwebTknUrl" />
            </s:url>
            <a href="<s:property value="delete"/>"> 
            <button onClick="disableDelete()" class ="btn btn-xs btn-primary" id="delete<s:property value="%{#status.index}"/>">
            Delete
        </button>
    </a>
</td>
</tr>
</s:iterator>
</tbody>
</table>
</div>

这是我的Javascript / jQuery

function myFunction() {
    var x = document.getElementsByTagName("tr");
    var i;
    var unUsed;
    var totalWarkat;
    for (i = 0; i < x.length;i++) {    
        unUsed = document.getElementById('unUsedWarkat'+i).innerHTML;
        totalWarkat = document.getElementById('totalWarkat'+i).innerHTML;
        if(unUsed != totalWarkat){
            document.getElementById("delete"+i).disabled = true;
        }
        else{
            document.getElementById("delete"+i).disabled = false;
        }

    }  

    $(document).ready(function() {

        myFunction();

        var table = $('#data-table').DataTable({
            "iDisplayLength": 5,
            "sPaginationType": "full_numbers",
            "sDom": '<"pull-left top"t><"col-sm-4">tr<"clear"><"bottom"ilp>',
            "bSort" : false,
        });
    });
}  

谢谢..对不起,英语不好。

0 个答案:

没有答案