需求在 datagrid 編輯框中開啟一個combobox ,但是里面的數據需要開啟的時候才會知道,數據會根據其他因數變更
參考原文 :http://blog.csdn.net/donggua3694857/article/details/51433882
//點擊單元格觸發的事件 function onClickCell(index, field) { if (endEditing() && fag) {
$('#subDg').datagrid('selectRow', index).datagrid('editCell', { index: index, field: field });//開啟field單元格編輯
editIndex = index;
} var taskLevelsData =$("#taskLevels").val(); //數據源 如: 11,22,33,44,55, if(field=="taskLevel" && taskLevelsData){//下拉編輯列時觸發 taskLevel 為列名 var editors = $('#subDg').datagrid('getEditors', index);//取當前的編輯器 var row = $('#subDg').datagrid('getRows')[index]; var smEditor = editors[0]; $(smEditor.target).combobox({ onLoadSuccess: function () { //遠程加載時觸發 }, onShowPanel: function(){ //下拉展開時動態修改options var data = []; $.each(taskLevelsData.split(","),function(i,e){ var obj={}; obj.id=e; obj.text=e; data.push(obj); }) $(smEditor.target).combobox("loadData", data); //設置值 $(smEditor.target).combobox('setValue', row.taskLevel); //row的屬性賦值 } }); } }
var editIndex = undefined; //判斷是否編輯結束 function endEditing() { if (editIndex == undefined) { return true } if ($('#subDg').datagrid('validateRow', editIndex)) { $('#subDg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } }
$.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields')); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null; } } $(this).datagrid('beginEdit', param.index); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor = col.editor1; } }); } });