如何解决无法运行2个jquery脚本如果分页有效，则过滤器无效，反之亦然
一起调用时，jQuery无法正常工作
我正面临以下问题
表号为1的表中显示1到10的数据，但是单击“下一步”按钮将页号更改为2，但是下一个10到20的数据不显示。
我尝试了JQuery Noconflict，但是没有用。
如果我更改了Javascript的格式，它将停止工作。
$(function() {
$('#dg').datagrid({
view: detailview,detailFormatter: function(index,row) {
return '<div style="padding:2px"><table id="ddv-' + index + '"></table></div>';
},onExpandRow: function(index,row) {
$('#ddv-' + index).datagrid({
url: 'https://www.ntf.mlohia.in/taka_deliver_getdetail.PHP?chall_no=' + row.chall_no,fitColumns: true,singleSelect: true,rownumbers: true,loadMsg: '',height: 'auto',columns: [
[{
field: 'sr_no',title: 'Sr No',width: 200
},{
field: 'meter',title: 'Meter',width: 100,align: 'right'
},{
field: 'color',title: 'Color',align: 'right'
}
]
],onResize: function() {
$('#dg').datagrid('fixDetailRowHeight',index);
},onLoadSuccess: function() {
setTimeout(function() {
$('#dg').datagrid('fixDetailRowHeight',index);
},0);
}
});
$('#dg').datagrid('fixDetailRowHeight',index);
}
});
});
$(function() {
var dg = $('#dg').datagrid();
dg.datagrid('enableFilter');
});<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-detailview.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-filter.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.ntf.mlohia.in/css/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<body>
<table id="dg" style="width:90%;margin-left:5%;height:420px !important;" url="http://ntf.mlohia.in/taka_deliver_getdata.PHP" title="Taga Delivered" toolbar="#toolbar" pagination="true" rownumbers="true" singleSelect="true" fitColumns="true">
<thead>
<tr>
<th field="chall_no" width="6%" align="center" sortable="true">Chall No</th>
<th field="party_name" width="22%" align="center" sortable="true">Party Name</th>
<th field="po_no" width="5%" align="center" sortable="true">Po No</th>
<th field="date" width="7%" align="center" sortable="true">Date</th>
<th field="dyeing" width="17%" align="center" sortable="true">Dyeing</th>
<th field="transport" width="17%" align="center" sortable="true">Tansport</th>
<th field="design_name" width="9%" align="center" sortable="true">Design Name</th>
<th field="total_meter" width="6%" align="center" sortable="true">Total Meter</th>
<th field="rate" width="4%" align="center" sortable="true">Rate</th>
</tr>
</thead>
</table>
</body>解决方法
您需要更多脚本
我添加了<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
$(function() {
$('#dg').datagrid({
view: detailview,detailFormatter: function(index,row) {
return '<div style="padding:2px"><table id="ddv-' + index + '"></table></div>';
},onExpandRow: function(index,row) {
$('#ddv-' + index).datagrid({
url: 'taka_deliver_getdetail.php?chall_no=' + row.chall_no,fitColumns: true,singleSelect: true,rownumbers: true,loadMsg: '',height: 'auto',columns: [
[{
field: 'sr_no',title: 'Sr No',width: 200
},{
field: 'meter',title: 'Meter',width: 100,align: 'right'
},{
field: 'color',title: 'Color',align: 'right'
}
]
],onResize: function() {
$('#dg').datagrid('fixDetailRowHeight',index);
},onLoadSuccess: function() {
setTimeout(function() {
$('#dg').datagrid('fixDetailRowHeight',index);
},0);
}
});
$('#dg').datagrid('fixDetailRowHeight',index);
}
});
});
$(function() {
var dg = $('#dg').datagrid();
dg.datagrid('enableFilter');
});<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-detailview.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-filter.js"></script>
<table id="dg" style="width:90%;margin-left:5%;height:420px !important;" url="taka_deliver_getdata.php" title="Taga Delivered" toolbar="#toolbar" pagination="true" rownumbers="true" singleSelect="true" fitColumns="true">
<thead>
<tr>
<th field="chall_no" width="6%" align="center" sortable="true">Chall No</th>
<th field="party_name" width="22%" align="center" sortable="true">Party Name</th>
<th field="po_no" width="5%" align="center" sortable="true">Po No</th>
<th field="date" width="7%" align="center" sortable="true">Date</th>
<th field="dyeing" width="17%" align="center" sortable="true">Dyeing</th>
<th field="transport" width="17%" align="center" sortable="true">Tansport</th>
<th field="design_name" width="9%" align="center" sortable="true">Design Name</th>
<th field="total_meter" width="6%" align="center" sortable="true">Total Meter</th>
<th field="rate" width="4%" align="center" sortable="true">Rate</th>
</tr>
</thead>
</table>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
