easyui 如何实现动态改变表头,点查询时从后台取表头,跟着变化
这是我正在用的easyui,如何在这个基础上实现动态改变表头,特别是在查询时fnQuery()这个方法,每点一次调一次,怎么实现//列表展示varopType="";$(...
这是我正在用的easyui,如何在这个基础上实现动态改变表头,特别是在查询时fnQuery()这个方法,每点一次调一次,怎么实现
//列表展示
var opType="";
$(function(){
closeAllWindow();
$('#categoryList').datagrid({
title:'工资数据',
iconCls:'icon-edit',
width: $(window).width() - 40,
height: $(window).height() - 155,
nowrap: false,
striped: true,
collapsible:true,
url:'/pay/pay/da_findCategory.action',
loadMsg:'数据加载中......',
sortOrder: 'desc',
remoteSort: false,
pageSize:10,
pageNumber:1,
//idField:'MS_ID',
columns:[[
{field:'DATA_GH',title:'月份',width:80,align:'center'},
{field:'DATA_XM',title:'描述名称',width:330,align:'left'}
]],
pagination:true,
//rownumbers:true,
toolbar:[
{{id:'btn_DEL',text:'删除',iconCls:'icon-cancel',handler:function(){deleteHandler()}}, ]
});
});
function fnQuery(){
$('#categoryList').datagrid("clearSelections");
var page = $('#categoryList').datagrid('options').pageNumber;
if(page!=1){
$('#categoryList').datagrid("options").pageNumber = 1;
$('#categoryList').datagrid('getPager').pagination({pageNumber: 1});
}
$('#categoryList').datagrid("reload",{
"param.MS_YF":$("#queryTable").find("#MS_YF").val(),
"param.MS_NAME":$("#queryTable").find("#MS_NAME").val(),
"param.MS_SCLX":$("#queryTable").find("#MS_SCLX").val()
});
}
<body>
描述月份<input type="text" name="param.MS_YF" >
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onClick="fnQuery();">查询</a>
<table><tr height="1"><td></td></tr></table>
<table class="easyui-datagrid" id="categoryList" width="750px" height="500px"></table> </body>
</html> 展开
//列表展示
var opType="";
$(function(){
closeAllWindow();
$('#categoryList').datagrid({
title:'工资数据',
iconCls:'icon-edit',
width: $(window).width() - 40,
height: $(window).height() - 155,
nowrap: false,
striped: true,
collapsible:true,
url:'/pay/pay/da_findCategory.action',
loadMsg:'数据加载中......',
sortOrder: 'desc',
remoteSort: false,
pageSize:10,
pageNumber:1,
//idField:'MS_ID',
columns:[[
{field:'DATA_GH',title:'月份',width:80,align:'center'},
{field:'DATA_XM',title:'描述名称',width:330,align:'left'}
]],
pagination:true,
//rownumbers:true,
toolbar:[
{{id:'btn_DEL',text:'删除',iconCls:'icon-cancel',handler:function(){deleteHandler()}}, ]
});
});
function fnQuery(){
$('#categoryList').datagrid("clearSelections");
var page = $('#categoryList').datagrid('options').pageNumber;
if(page!=1){
$('#categoryList').datagrid("options").pageNumber = 1;
$('#categoryList').datagrid('getPager').pagination({pageNumber: 1});
}
$('#categoryList').datagrid("reload",{
"param.MS_YF":$("#queryTable").find("#MS_YF").val(),
"param.MS_NAME":$("#queryTable").find("#MS_NAME").val(),
"param.MS_SCLX":$("#queryTable").find("#MS_SCLX").val()
});
}
<body>
描述月份<input type="text" name="param.MS_YF" >
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onClick="fnQuery();">查询</a>
<table><tr height="1"><td></td></tr></table>
<table class="easyui-datagrid" id="categoryList" width="750px" height="500px"></table> </body>
</html> 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询