我知道使用datepicker進行單元格編輯是可能的,因為引用了
here和
here.但是,當我單擊單元格時,沒有出現日期選擇器.下面是相關列的colModel條目.我有datepicker UI可用.
在其他示例中,dataInit不包含引號.它在我的代碼中,因為整個colModel是在AJAX請求期間由PHP動態創建的.我將它構建為一個數組,然后json_encode將它傳遞回jqGrid. PHP的json_encode創建有效的JSON,因此所有鍵都被引用為字符串.我必須刪除引號才能使jqGrid正常工作嗎?如果是這樣,怎么樣?
日期列的colModel條目:
{
"editable":true,
"name":"date",
"index":"date",
"sorttype":"date",
"editrules":{"date":true},
"editoptions":{
"dataInit":"function(elem){
setTimeout(function(){
$(elem).datepicker();
},100);
}"
}
}
這是ajax請求的結構:
$(document).ready(function(){
$.ajax({
type: "GET",
datatype: "json",
success: function(result){
try{
//alert(result);
result = jQuery.parseJSON(result);
}catch(err){
alert("error in success json " + err);
return;
}
var colN = result.colNames;
var colM = result.colModelList;
var colD = result.colDataList;
grid.jqGrid({
datatype: 'local',
colNames:colN, //column names
colModel:colM, //column options
data:colD, //table data
editurl: 'clientArray',//changes are not sent to server
cellEdit: true,
cellsubmit: 'clientArray',
});
}
});
});
另外,我正在使用jqGrid 4.0.0