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)}); //更新某行資料的某個欄位的值
}
}