效果
要实现动态的创建表头,即表头的格式多样,比如列数不确定,表头的总分结构等。下图为表头最终效果:
实现
想要动态的实现创建表头,那么用html的方式去创建easyui-datagrid肯定是不行的,easyui创建组件均提供了两种方式去创建,这里就要用到JS的创建方式了。
思路:动态获取待创建表头的数据
–>创建表头
–>动态获取表头field所对应的json数据
–>datagrid url加载json数据
–>显示数据成功
关键性代码:
$('#shop_select').combobox({
onChange: function(newValue,oldValue){
//动态化生成表头
$.ajax({
url: localhostPath + '/Home/Finance/getOperatorByShopCode/',
type: 'POST',
dataType: 'json',
data: {
'shop_code': newValue
},
success: function(data){
var colData1 = [];
var colData2 = [];
var columns = new Array();