[JavaScript] easyui datagrid 动态生成列 →→→→→进入此内容的聊天室

来自 , 2020-08-16, 写在 JavaScript, 查看 142 次.
URL http://www.code666.cn/view/f35fd567
  1.  [javascript]
  2. var options={};
  3. $(function(){
  4.     var myNj = 9;
  5.     //初始化
  6.     $("#disgrid").datagrid({
  7.         type: 'POST',
  8.         nowrap: false,
  9.         striped: true,
  10.         fit:true,
  11.         width:1024,
  12.         height:500,
  13.         url:'',
  14.         pageSize:30,
  15.         remoteSort: false,
  16.         pagination:true,
  17.         rownumbers:true,
  18.         singleSelect:true,
  19.         queryParams:{
  20.             nj:myNj,
  21.             unitType:1
  22.         }
  23.     });  
  24.      
  25.     fetchData(myNj);
  26. });
  27.  
  28. function fetchData(nj) {
  29.     var s = "";
  30.     s = "[[";
  31.     s = s + "{field:'unitname',title:'单元',width:160},{field:'practicetime',title:'测试 时间',width:160},{field:'userid',title:'userid',width:120,hidden:'true'}, {field:'serial',title:'serial',width:120,hidden:'true'},{field:'unitid',title:'unitid',width:100,hidden:'true'},";
  32.      
  33.     //lu todo 列的定义可从服务器获得
  34.     if (nj==9) {
  35.         s = s + "{field:'aipanel_text_exam',title:'短文朗读',width:80}, {field:'aipanel_scene_exam',title:'情景对话',width:80}, {field:'aipanel_oral_exam',title:'简短说话',width:80}";
  36.         s = s + ",{field:'tatal_score',title:'总分',width:60,formatter:function(value,rec) {return paraseIntValue(rec.aipanel_text_exam)+paraseIntValue(rec.aipanel_scene_exam)+paraseIntValue(rec.aipanel_oral_exam);}}";
  37.     }else if (nj==7||nj==8){
  38.       //....
  39.   }
  40.     s = s + "]]";
  41.     options={};
  42.     options.url = '/app/search.do';
  43.     options.queryParams = {
  44.         nj:nj,
  45.         unitType:1
  46.     };
  47.     options.columns = eval(s);
  48.     //lu 增加一列
  49.     options.columns[0].push(
  50.         {
  51.             field:'desc',title:'查看详情',width:60,
  52.             formatter:function(value,rec){
  53.                 return "<a href=\"javascript:showDescInfo(\'"+rec.serial+"\',\'"+rec.scene_score+" \',\'"+rec.total_score+"\');\">详情</a>";
  54.             }
  55.         }    
  56.     );
  57.      
  58.     $('#disgrid').datagrid(options);
  59.     $('#disgrid').datagrid('reload');    
  60.      
  61. }  

回复 "easyui datagrid 动态生成列"

这儿你可以回复上面这条便签

captcha