我知道使用datepicker進(jìn)行單元格編輯是可能的,因?yàn)橐昧?/p>

here和

here.但是,當(dāng)我單擊單元格時(shí),沒有出現(xiàn)日期選擇器.下面是相關(guān)列的colModel條目.我有datepicker UI可用.

在其他示例中,dataInit不包含引號(hào).它在我的代碼中,因?yàn)檎麄€(gè)colModel是在AJAX請(qǐng)求期間由PHP動(dòng)態(tài)創(chuàng)建的.我將它構(gòu)建為一個(gè)數(shù)組,然后json_encode將它傳遞回jqGrid. PHP的json_encode創(chuàng)建有效的JSON,因此所有鍵都被引用為字符串.我必須刪除引號(hào)才能使jqGrid正常工作嗎？如果是這樣,怎么樣？

日期列的colModel條目：

{

"editable":true,

"name":"date",

"index":"date",

"sorttype":"date",

"editrules":{"date":true},

"editoptions":{

"dataInit":"function(elem){

setTimeout(function(){

$(elem).datepicker();

},100);

}"

}

}

這是ajax請(qǐng)求的結(jié)構(gòu)：

$(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

總結(jié)

以上是生活随笔為你收集整理的jqgrid编辑php,php – 实现jqgrid单元格编辑datepicker的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。