function loadCustomerProfile() {
$("#customerProfileTitle").html("<p style='font-size:16px; font-weight:bold;'><img src='${pageContext.request.contextPath}/images/common/icon_tt02.gif' alt='title' /> Customer Information</p><br/>");
var jsonObj = {};
jsonObj.msisdn=nvl($("#searchMsisdn").val());
$("#customerProfileList").jqGrid({
url : '${servletPath}/customerProfile/customerProfileList.data',
datatype : "json",
postData : jsonObj,
colNames:['Cutomer ID','MSISDN','Device', 'Manufacturer', 'NFC'],
mtype : "POST",
page : 1,
colModel : [
{name:'customerId', align:'center', width:30},
{name:'msisdn', align:'center', width:30},
{name:'', align:'center', width:60, formatter:getdeviceIdDetail},
{name:'manufacturerName', align:'center', width:60},
{name:'nfcOptionYn', width:30, align:'center'}
],
loadonce: false,
rowNum:10,
rowList:[10,20,30],
rownumbers: false,
shrinkToFit:true,
width:'100%',
height:'100%',
jsonReader: {
repeatitems: false,
id: "0"
},
pager: '#customerProfilePager', // pager view
loadError : function(xhr,st,err) {
jQuery("#customerProfileList").html("<div align='center' style='padding:20px;'><fmt:message key='error.errorRetrieveData'><fmt:param value='<br/>'/></fmt:message></div>");
}
});
$("#customerProfileList").jqGrid('navGrid','#customerProfilePager',{del:false,add:false,edit:false,search:false});
}
This code works well in FireFox, chrome and Internet Explorer 9, but doesn't work in Internet Explorer 8.
In the debugging mode, controller for the url(${servletPath}/customerProfile/customerProfileList.data) is never executed. I checked the controller is called in any other browsers.