使用easyUI从后台获取字段,前台动态绑定
如下图效果,表头小区动态加载,如果没有卖出商品,就不显示,并且表头下方分栏显示
后台使用c#,Java代码也可以参考
不多说,直接上代码
html
<table id="PayReport" class="easyui-datagrid" style="width:auto;" toolbar="#toolbar"></table>
js
function QueryReportData() {
// 字段数组
var rowOne = []; // 第一行
var rowTwo = []; // 第二行
// 请求获取字段
$.getJSON("url?param=1"), function (res) {
if (res.result == 1) {
// 取出data
var jsonData = res.data;
for (var i = 0; i < jsonData.length; i++) {
for (var j = 0; j < jsonData[i].length; j++) {
var col = {};
col['title'] = jsonData[i][j].title;
col['field'] = jsonData[i][j].field;
col['rowspan'] = jsonData[i][j].rowspan;
col['colspan'] = jsonData[i][j].colspan;
col['ali