【发布时间】：2016-09-08 00:39:43
【问题描述】：
我有一个三列的 jQGrid。第一个是下拉（类型：选择）字段，第二个是复选框列表的自定义类型，第三个是文本字段。要求是当用户更改下拉字段（DocGroupname）的值时，DocList 字段应为空。所以当用户更改 DocGroupName 列的值时，我们需要将 DocList 列的值设置为空。
我尝试如下。在更改下拉值时，调用了一个名为 myfunction 的函数。在函数内部，我将 DocList 列的值设置为空。但它不起作用，那么我做错了什么？并请任何人帮助我找到解决方案。
JQGrid 代码，
function ReqKYCGrid()
{
$("#divmsgg").show();
var DocGroupName = $.ajax
({
type: 'GET',
async: false,
url: RootUrl + "EXEntityTypeKYC/GetDocumentGroupList",
cache: true,
contentType: 'application/json; charset=utf-8',
data: { "projectSeq":$("#Id").val(),"StartDate":$("#StartDate").val(),"EndDate":$("#EndDate").val() },
success: function (result) {
if (!result) alert('No Document Group Found !!');
},
error: function (error) {
alert('Error' + error);
}
}).responseText;
jQuery("#grdForReqKYC").jqGrid({
url: RootUrl+ 'EXEntityTypeKYC/ReqKYCGridData',
datatype: 'json',
mtype: 'POST',
colNames: ['id', 'Document Group Name','Document Name','No of Mandatory'],
colModel: [
{ name: 'id', index: 'id', width: 30, sorttype: "int", editable: false,hidden:true },
{ name: 'DocGroupName', index: 'DocGroupName', width: 310, editable: true, edittype: "select", editrules: { required: true} ,
editoptions: {
dataInit: function (element) {
$(element).focusout(function (e) {
if(this.value!="")
{
}
});
},
dataEvents: [{type: 'change', fn: function(e){
myfunction(e);
}
}]}
},
{ name: 'DocList', index: 'DocList', width: 310, hidden:false,editable: true,edittype: "custom", editoptions: { dataInit: function (element) {
$(element).click(function (e) {
});
},
custom_element:MultiCheckElem, custom_value:MultiCheckVal }},
{ name: 'Mandatory', index: 'Mandatory', width: 310, editable: true, edittype: "text", editoptions: { maxlength: "1" , dataInit: function (element) {
$(element).keydown(function (e,val) {
var ctrl = e.ctrlKey;
var key = e.charCode || e.keyCode || 0;
if (ctrl && ((key == 88) /* CUT */ || (key == 67) /* COPY */ || (key == 86) /* PASTE */ )) { return false;
}
if (e.which != 8 && e.which != 0 && e.which != 46 && (e.which < 48 || e.which > 57)) {
return false;
}
var rowDataObj=$('#grdForReqKYC').jqGrid('getRowData',cellRowId);
var rowData =JSON.parse(JSON.stringify(rowDataObj));
var docListValue=rowData["DocList"].split(',');
if(((docListValue.length -1)==0 ) && rowData["DocList"]=='')
{
alert("Please Choose Document Name");
return false;
}
if(e["char"]> (docListValue.length ))
{
return false;
}
});
}}, editrules: { required: true} }
//, list:'Check1,Check2,Check3,Check4'
],
loadComplete: function () {
if(DocGroupName!=null )
$("#grdForReqKYC").setColProp('DocGroupName', { editoptions: { value: JSON.parse(DocGroupName)} });
//if(DocumentName!=null )
//alert(DocumentName+ ' ---- '+ JSON.parse(DocumentName));
// $("#grdForReqKYC").setColProp('DocumentName', { editoptions: { value: JSON.parse(DocumentName)} });
//$("#grdForReqKYC").setColProp('DocList', { editoptions: { list: CheckedDocumentName} });
},
cellEdit: true,
rowNum: 1000,
//gridview: true,
rownumbers: true,
//autoencode: true,
height: 120,
width: 700,
cellsubmit: 'clientArray',
caption: "Required Document for KYC",
multiselect: true,
// onSelectRow: function(id){alert(id)},
postData: {
"MSTSeq": $("#Id").val(),
"data": $("#KYCGrid").val()
},
onCellSelect: function (rowid, iCol, cellcontent, e) {
//alert(rowid);
cellRowId=rowid;
}
});
//End Of Grid
$(window).on("resize", function () {
var newWidth = $("#grdForReqKYC").closest(".ui-jqgrid").parent().width();
if(newWidth>900)
{
jQuery("#grdForReqKYC").jqGrid("setGridWidth", 900, true);
}
else{
jQuery("#grdForReqKYC").jqGrid("setGridWidth", newWidth, true);
}
});
// Start of AddNew/Delete function for Grid
$("#btnAddNew").click(function () {
if (ValidateRow($("#grdForReqKYC"))) {
var idAddRow = $("#grdForReqKYC").getGridParam("reccount")
emptyItem = [{ id: idAddRow + 1, FinancialYearNames: "", EntityName: "", AllocatedValue: "", ProjectDesc: ""}];
jQuery("#grdForReqKYC").jqGrid('addRowData', 0, emptyItem);
}
});
$("#btnDelete").click(function () {
$("#grdForReqKYC").jqGrid("editCell", 0, 0, false);
var gr = jQuery("#grdForReqKYC").jqGrid('getGridParam', 'selarrrow');
if (gr != "") {
for (var i = 0; i <= gr.length; i++) {
jQuery("#grdForReqKYC").jqGrid('delRowData', gr[i]);
}
for (var i = 0; i <= gr.length; i++) {
jQuery("#grdForReqKYC").jqGrid('delRowData', gr[i]);
}
}
else
alert("Please Select Row(s) to delete!");
});
// End of AddNew/Delete function for Grid
}
我的功能代码，
function myfunction(e)
{
// grid.jqGrid('setCell', 1, 'DocList', '', null, null, true);
$("#grdForReqKYC").setColProp('DocList', { editoptions: { formatter: nullFormatter} });
}
function nullFormatter()
{
return '';
}
【问题讨论】：
标签： jquery jqgrid onchange formatter mvcjqgrid