easyui，datagrid表格显示的字段内容随机

来源：互联网发布：万合星多屏软件破解版编辑：程序博客网时间：2024/06/05 13:28

easyUI的datagrid表格，在向用户展现内容的时候，随机获得字段，而非指定固定的字段显示

1.后台获得所有字段的方法（MySQL数据库）

public void getColumns(){List list=new ArrayList();String sql="select COLUMN_NAME from information_schema.COLUMNS where table_name = 'test'";list=this.getSession().createSQLQuery(sql).list();if(list!=null){for(int i=0;i<list.size();i++){System.out.println(list.get(i));}}JSONArray arr=JSONArray.fromObject(list);this.getWrite().write(arr.toString());}

2.页面随机展示字段（js部分）

$(function(){getDatas();});function getDatas(){$.ajax({type:'post',url:'_web/getColumns',//获得所有字段success:function(data){var arr=[];var columns=[];//数组，包含所有的字段data=eval(data);$(data).each(function(){arr.push({field:'',title:'',align:'center',width:80});});columns.push(arr);$(data).each(function(index,column){columns[0][index]['field']=column;columns[0][index]['title']=column;});getDatagrid(columns);}});}function getDatagrid(columns){$("#dg").datagrid({height:300,title:'数据表格',url:'_web/getList',//获得datagrid数据pagination:true,columns:columns,pageList:[10,20,30],});}

0 0