1. 程式人生 > >mini-datagrid某行的A欄位值變了,聯動更新B欄位值的實現

mini-datagrid某行的A欄位值變了,聯動更新B欄位值的實現

   1.html程式碼                        

 <div field="provDay" name="provDay" vtype="int" headerAlign="center" align="right" width="70">各省天數
                                <input property="editor" class="mini-spinner"  minValue="1" style="width:100%;" onvaluechanged="provDayChanged"/>
                            </div>                 
                            <div field="startDate" name="startDate" width="90" headerAlign="center" align="center" dateFormat="yyyy-MM-dd">起始日期
                                <input property="editor" class="mini-datepicker" style="width:100%;"/>
                            </div>        
                            <div field="endDate" name="endDate" width="90" headerAlign="center" align="center" dateFormat="yyyy-MM-dd">起始日期
                                <input property="editor" class="mini-datepicker" style="width:100%;"/>
                            </div>        

2.js處理新增見天,給結束日期賦值

    // 方法 增添dayNumber天(整形),date:如果沒傳就使用今天(日期型)
    function getAddDay(dayNumber, date) {    
         var ms = (dayNumber-1) * (1000 * 60 * 60 * 24);      
         var newDate = new Date(date.getTime() + ms);
         return newDate;
    }
 
    //各省天數變化的方法
    function provDayChanged(e){  
        var combo = e.sender;
        var row = gridVehicle.getEditorOwnerRow(combo);
        var provDay = combo.getValue();  //省份值
        var startDate = row.startDate;   //開始日期             
        if(startDate){                 
            gridVehicle.updateRow(row,{endDate:getAddDay(provDay,startDate)});   //更新某行資料的某個欄位的值    
        }
    }