1. 程式人生 > >js為datagrid動態插入行和列

js為datagrid動態插入行和列

function onTableLoadSuccess(data){
    var tag=1;
    $.getJSON("getOperation?d="+new Date(),function(result){
        for(var i=0;i<data.total;i++){
            $("#shouShuDan").datagrid('insertRow',{
                index:tag,                            
                row:{
                    anPan:result[i].shenQinYiSheng,
                    shenQinRiQi:result[i].shenQinShouShuRiQi,
                    danHao:result[i].shouShuMingCheng,
                    bingQu:result[i].shouShuYiSheng,
                    chuangHao:result[i].maZuiFangFa,
                    xingZi:result[i].maZuYiSheng,
                    shenQinKeShi:result[i].jiZhenShouShu
                    
                }
            });
            $("#shouShuDan").datagrid('mergeCells',{
                index:tag,
                field:'danHao',
                rowspan:null,
                colspan:6            
            });
                $("#shouShuDan").datagrid('mergeCells',{    
                index:tag,    
                field:'anPan',
                rowspan:null,
                colspan:2
            });
            tag+=2;
        }
    });

}

  <table class="easyui-datagrid" id="shouShuDan" style="width:1051px;height:372px"
             data-options="url:'getOperationAll',onLoadSuccess:onTableLoadSuccess">                
                <thead>
                  <tr>
                    <th  data-options="field:'anPan',align:'center',width:50">安排</th>
                    <th data-options="field:'zuoFei',align:'center',width:50">作廢</th>
                    <th data-options="field:'shenQinRiQi',align:'center',width:115">申請日期</th>
                    <th data-options="field:'danHao',align:'center',width:90">申請單號</th>
                    <th data-options="field:'zhuYuanHaoMa',align:'center',width:90">住院號碼</th>
                    <th data-options="field:'xingMing',align:'center',width:55">姓名</th>
                    <th data-options="field:'xingBie',align:'center',width:55">性別</th>
                    <th data-options="field:'nianLing',align:'center',width:55">年齡</th>
                    <th data-options="field:'keShi',align:'center',width:80">病人科室</th>
                    <th data-options="field:'bingQu',align:'center',width:100">病區</th>
                    <th data-options="field:'chuangHao',align:'center',width:100">床號</th>
                    <th data-options="field:'xingZi',align:'center',width:100">性質</th>
                    <th data-options="field:'shenQinKeShi',align:'center',width:100">申請科室</th>                   
                   </tr>                     
                  </thead>  
                   <thead>                
                   <tr>
                     <th colspan="2" data-options="field:'shenQinYiSheng',align:'center',width:100">申請醫生</th>
                     <th data-options="field:'shenQinShouShuRiQi',align:'center',width:100">申請手術日期</th>
                     <th colspan="6" data-options="field:'shouShuMingCheng',align:'center',width:425">手術名稱</th>
                     <th data-options="field:'shouShuYiSheng',align:'center',width:80">手術醫生</th>
                     <th data-options="field:'maZuiFangFa',align:'center',width:100">麻醉方法</th>
                     <th  data-options="field:'maZuYiSheng',align:'center',width:100">麻醉醫生</th>
                     <th data-options="field:'jiZhenShouShu',align:'center',width:100">急診手術</th>
                  </tr>
               </thead>                    
            </table>