碼上歡樂
相關內容    簡體    繁體

用JavaScript方式創建easyUI datagrid Column Group（列組）

本文轉載自   查看原文   2017-07-08 19:27   2548    jquery

代碼如下：

 

[javascript]  view plain  copy
 
  1. <script type="text/javascript">  
  2.       
  3.     var datagrid;  
  4.     $(function(){  
  5.         $('#datagrid').datagrid({  
  6.             url:'{:U("Admin/Article/indexjson")}',  
  7.             title:'',  
  8.             iconCls:'icon-save',  
  9.             fit:true,  
  10.             //下面的page條  
  11.             pagination:true,  
  12.             pageSize:14,  
  13.             pageList:[14,20,30,40,50],  
  14.             //是否出現橫向滾動條  
  15.             fitColumns:true,  
  16.             //數據折行  
  17.             nowrap:false,  
  18.             border:false,  
  19.             //幫你記住你選過的，做跨頁刪除  
    1.            idField:'id',  
    2.             columns:[[{  
    3.                         title:'',  
    4.                         field:'ck',  
    5.                         checkbox:true,  
    6.                         width:10,  
    7.                         rowspan:2  
    8.             },{  
    9.                         title:'ID',  
    10.                         field:'id',  
    11.                         width:50,  
    12.                         rowspan:2,  
    13.                         align:'center'  
    14.             },{  
    15.                         title:'文章標題',  
    16.                         field:'title',  
    17.                         width:350,  
    18.                         rowspan:2  
    19.             },{  
    20.                         title:'屬性',  
    21.                         align:'center',  
    22.                         colspan:3  
    23.             },{  
    24.                         title:'所屬欄目',  
    25.                         field:'name',  
    26.                         width:150,  
    27.                         rowspan:2  
    28.             },{  
    29.                         title:'所屬專題',  
    30.                         field:'name',  
    31.                         width:150,  
    32.                         rowspan:2  
    33.             },{  
      1.                         title:'發布時間',  
      2.                         field:'time',  
      3.                         width:150,  
      4.                         align:'center',  
      5.                         rowspan:2  
      6.             }  
      7.         ],[  
      8.             {  
      9.                         title:'推薦',  
      10.                         field:'good',  
      11.                         width:50,  
      12.                         align:'center'  
      13.             },{  
      14.                         title:'熱門',  
      15.                         field:'hits',  
      16.                         width:50,  
      17.                         align:'center'  
      18.             },{  
      19.                         title:'圖',  
      20.                         field:'pic',  
      21.                         width:50,  
      22.                         align:'center'  
      23.             },  
      24.               
      25.         ]],toolbar:"#tb"  
      26.         });  
      27.     });  
      28.       
      29.     function doSearch(value){  
      30.         //alert('You input: ' + value);  
      31.          $('#datagrid').datagrid('load',{  
      32.              title:$('#tb').find('[name=search]').val()  
      33.         });  
        1.  }  
        2.       
        3.     function doAdd(){  
        4.         //alert('You input: ' + value);  
        5.           
        6.     }  
        7.       
        8.     function doSave(value){  
        9.         alert('You input: ' + value);  
        10.     }  
        11.       
        12.     function doDel(value){  
        13.         alert('You input: ' + value);  
        14.     }  
        15.       
        16. //    function doSearch(value){  
        17. //        alert('You input: ' + value);  
        18. //    }  
        19.   
        20.   
        21. </script>  


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 EasyUI學習-----創建DataGrid及凍結列的兩種方式 EasyUI-datagrid動態列創建 easyui datagrid 列排序 easyui datagrid 列拖拽2 easyui datagrid列拖拽 EasyUI datagrid列隱藏與顯示 使用easyUI 為datagrid凍結列 使用easyUI 為datagrid凍結列 EasyUI datagrid 內容列合並 easyui datagrid 列顯示和隱藏
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM