javascript - 为什么我的分页数据表在使用 Javascript 时不起作用?
问题描述
我想禁用一些有条件的按钮。我已经禁用了那个按钮,但是我的分页不起作用。这两个功能都可以工作,但是当我同时使用这两个功能时,它不起作用。你能帮助我吗?
这是我的 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,
});
});
}
谢谢..抱歉英语不好。
解决方案
推荐阅读
- php - 我想使用 Laravel 连接根据条件返回特定数量的记录
- csv - EmEditor 宏 CSV
- c# - 如何在 C# 中释放占用了一些 Wild Pointers 和其他动态指针的堆内存
- arrays - C中空数组的本质是什么?
- javascript - 如何在tiptap编辑器中强制第一个节点成为标题H1?
- keystore - 我在 Playstore 上上传我的应用时遇到问题
- r - 向现有 R 包添加新功能
- reactjs - 材质 UI 的问题 - 未找到模块:无法解析“@material-ui/icons/Add”
- django - Nginx 无法在数字海洋上提供 django 静态或媒体文件
- r - 如何将普通数据框中的列添加到 R 中的空间多边形数据框中?