JQGrid列引用未得到解析-引用类似$(';#cocode';)。在Spring MVC应用程序中,JQGrid列的val()显示为未定义
我使用SpringMVC+Hibernate+JQGrid开发了一个应用程序。当有人更改其他列表框中的值时,尝试在下拉列表框中实现-change时,我无法解析JQGrid列引用 我从中得到了演示示例 我只是简单地复制了应用程序中的代码,对变量名做了一些小的更改。虽然我可以看到演示成功运行,但我无法在代码中运行它 我可以简单地看到JQGrid列引用没有得到解决,代码的相关部分复制如下:JQGrid列引用未得到解析-引用类似$(';#cocode';)。在Spring MVC应用程序中,JQGrid列的val()显示为未定义,jqgrid,Jqgrid,我使用SpringMVC+Hibernate+JQGrid开发了一个应用程序。当有人更改其他列表框中的值时,尝试在下拉列表框中实现-change时,我无法解析JQGrid列引用 我从中得到了演示示例 我只是简单地复制了应用程序中的代码,对变量名做了一些小的更改。虽然我可以看到演示成功运行,但我无法在代码中运行它 我可以简单地看到JQGrid列引用没有得到解决,代码的相关部分复制如下: function populateBranches() { /
function populateBranches() {
// first of all update the branch based on the company
updateBranchCallBack($('#cocode').val(), true);
// then hook the change event of the company dropdown so that it updates branches all the time
$('#cocode').bind('change', function (e) {
updateBranchCallBack($('#cocode').val(), false);
});
}
function updateBranchCallBack(company, setselected) {
$('#brcode')
.html("<option value=''>Loading branches...</option>")
.attr("disabled", "disabled");
$.ajax({
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode='+company,
async:false,
type: "GET",
success: function (branchHtml) {
$('#brcode')
.removeAttr('disabled')
.html(branchHtml);
}
});
};
我无法解决为什么不能从上述函数中获取JQGrid列值的问题?讽刺的是,我可以在演示应用程序中看到相同的代码。请帮助。
我不是要求调试我的应用程序,但现在我束手无策
更新代码:
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
var row_selected;
$(document).ready(function() {
var lastSel;
var grid = jQuery("#list");
initDateWithButton = function (elem) {
if (/^\d+%$/.test(elem.style.width)) {
// remove % from the searching toolbar
elem.style.width = '';
}
// to be able to use 'showOn' option of datepicker in advance searching dialog
// or in the editing we have to use setTimeout
setTimeout(function () {
$(elem).datepicker({
dateFormat: 'dd/mm/yy',
showOn: 'button',
changeYear: true,
changeMonth: true,
showWeek: true,
showButtonPanel: true,
onClose: function (dateText, inst) {
inst.input.focus();
}
});
$(elem).next('button.ui-datepicker-trigger').button({
text: false,
icons: {primary: 'ui-icon-calculator'}
}).find('span.ui-button-text').css('padding', '0.1em');
}, 100);
},
numberTemplate = {formatter: 'decimal', align: 'right', sorttype: 'number', editable: true, defaultValue:'0.00',
editoptions: { size: 20, maxlength: 20,
dataInit: function (elem) {
$(elem).inputmask("currency",{
prefix: "",
radixPoint:".",
digits: 2,
placeholder: "0.00",
digitsOptional: false,
autoGroup: false
});
}},
searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'] }},
integerTemplate = {formatter: 'decimal', align: 'right', sorttype: 'number', editable: true, defaultValue:'0',
editoptions: { size: 20, maxlength: 20,
dataInit: function (elem) {
$(elem).inputmask("integer",{
prefix: "",
radixPoint:"",
digits: 0,
placeholder: "0",
autoGroup: false,
digitsOptional: !1,
clearMaskOnLostFocus: !1,
removeMaskOnSubmit: false,
autoUnmask: true
});
}},
searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'] }},
dateTemplate = {align: 'center', sorttype: 'date', editable: true,
formatter: 'date', formatoptions: { newformat: 'd/m/Y' }, datefmt: 'd/m/Y',
editoptions: { dataInit: initDateWithButton, size: 11 },
searchoptions: {
sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'],
dataInit: initDateWithButton,
size: 11, // for the advanced searching dialog
attr: {size: 11} // for the searching toolbar
}};
//Load col3 base on col2 selection
/* function loadCol3Selection(qcocode , col2Selected) {
var col3Selection = "";
$.ajax({
type: "Post",
async: false,
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode=' + qcocode + '&col2="' + col2Selected + '"',
success: function (result) {
$.each(result, function (i, value) {
if (value !== 'undefined') {
col3Selection ='<option value="' + value + '">' + value + '</option>';
}
});
}
});
return col3Selection;
}*/
grid.jqGrid({
datatype: 'json',
mtype: 'GET',
height: 'auto',
url:'/NioERPJ/admin/paramgmt/',
editurl:'/NioERPJ/admin/paramgmt/edit',
colNames:['Company','Branch','Br.Sr.No.','Starting Date','Ending Year','Comp-1','Comp-2','Trade','Domestic SalesLast Code','Domestic Sales Prefix','Export Sales Last Code',
'Export Sales Prefix','Domestic Work-Order Last Code','Domestic Work-Order Prefix','Export Work-Order Last Code','Export Work-Order Prefix',
'Dispatch Note Last Code','Dispatch Note Prefix','Department Last Code','Location Last Code','Godown Last Code','Gate Pass Last Code',
'GRN Last Code','PO Last Code','Non-moving Last Code','CTL3 Last Code','Insp. Note raw Prefix','Insp. Note raw Last Code','Insp. Note gs Prefix','Insp. Note gs Last Code','Username'],
colModel:[
{name:'cocode',index:'cocode',editable:true,edittype:'select',
editoptions:{dataUrl:"/NioERPJ/admin/paramgmt/listCmps",
dataEvents: [
{ type: 'change',fn: function(e) {
var ret = $.ajax({
url:'/NioERPJ/admin/paramgmt/listBranchs/?qcocode='+$(this).val(),
async:false
}).responseText;
$('#brcode').html(ret);
}
}]
},
formoptions:{elmprefix:'*'}},
{name:'brcode',index:'brcode', width:50, editable:true, edittype:'select', formoptions:{elmprefix:'*'}},
{name:'brsrno',index:'brsrno', width:50, editable:true, editrules:{required:true}, editoptions:{size:10}, formoptions:{elmprefix:'*'}},
{name:'fdoy',index:'fdoy', width:110, template : dateTemplate},
{name:'feoy',index:'feoy', width:110, template : dateTemplate},
{name:'comp1',index:'comp1', width:50, editable:true, editoptions:{size:20, maxlength:30}, formoptions:{elmprefix:'*'}},
{name:'comp2',index:'comp2', width:50, editable:true, editoptions:{size:20,maxlenght:30}, formoptions:{elmprefix:'*'}},
{name:'trade',index:'trade', width:60, editable: true,edittype:"checkbox",editoptions: {value:"true:false"}},
{name:'domesticsaleslastcode', index:'domesticsaleslastcode',template : integerTemplate},
{name:'domesticsalesprefix',index:'domesticsalesprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'exportsaleslastcode',index:'exportsaleslastcode', width:50, template : integerTemplate},
{name:'exportsalesprefix',index:'exportsalesprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'domesticworkorderlastcode',index:'domesticworkorderlastcode', width:50, template : integerTemplate},
{name:'domesticworkorderprefix',index:'domesticworkorderprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'exportworkorderlastcode',index:'exportworkorderlastcode', width:50, template : integerTemplate},
{name:'exportworkorderprefix',index:'exportworkorderprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'dispatchnotelastcode',index:'dispatchnotelastcode', width:50, template : integerTemplate},
{name:'dispatchnoteprefix',index:'dispatchnoteprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'departmentlastcode',index:'departmentlastcode', width:50, template : integerTemplate},
{name:'locationlastcode',index:'locationlastcode', width:50, template : integerTemplate},
{name:'godownlastcode',index:'godownlastcode', width:50, template : integerTemplate},
{name:'gatepasslastcode',index:'gatepasslastcode', width:50, template : integerTemplate},
{name:'grnlastcode',index:'grnlastcode', width:50, template : integerTemplate},
{name:'polastcode',index:'polastcode', width:50, template : integerTemplate},
{name:'nonmovinglastcode',index:'nonmovinglastcode', width:50, template : integerTemplate},
{name:'ct3lastcode',index:'ct3lastcode', width:50, template : integerTemplate},
{name:'inspnoterawprefix',index:'inspnoterawprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'inspnoterawlastcode',index:'inspnoterawlastcode', width:50, template : integerTemplate},
{name:'inspnotegsprefix',index:'inspnotegsprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'inspnotegslastcode',index:'inspnotegslastcode', width:50, template : integerTemplate},
{name:'username',index:'username', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}}
],
gridview: true,
toolbar: [false, "bottom"],
pager: $('#pager'),
rowNum:15,
rowList:[10,20,30],
sortname: 'cocode',
sortorder: "asc",
viewrecords: true,
altRows: false,
autowidth:true,
shrinkToFit:false,
forceFit:true,
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: false
},
imgpath: '${pageContext.request.contextPath}/resources/images',
caption: 'Parameters',
onSelectRow: function(row_id){
if(row_id !== null) {
row_selected = row_id;
}
if (row_id && row_id !== lastSel) {
grid.jqGrid('restoreRow',lastSel);
var cm = grid.jqGrid('getColProp','cocode');
var cm1 = grid.jqGrid('getColProp','brcode');
var cm2 = grid.jqGrid('getColProp','brsrno');
var cm3 = grid.jqGrid('getColProp','fdoy');
var cm4 = grid.jqGrid('getColProp','feoy');
var cm5 = grid.jqGrid('getColProp','comp1');
var cm6 = grid.jqGrid('getColProp','comp2');
var cm7 = grid.jqGrid('getColProp','trade');
var cm8 = grid.jqGrid('getColProp','domesticsaleslastcode');
var cm9 = grid.jqGrid('getColProp','domesticsalesprefix');
var cm10 = grid.jqGrid('getColProp','exportsaleslastcode');
var cm11 = grid.jqGrid('getColProp','exportsalesprefix');
var cm12 = grid.jqGrid('getColProp','domesticworkorderlastcode');
var cm13 = grid.jqGrid('getColProp','domesticworkorderprefix');
var cm14 = grid.jqGrid('getColProp','exportworkorderlastcode');
var cm15 = grid.jqGrid('getColProp','exportworkorderprefix');
var cm16 = grid.jqGrid('getColProp','dispatchnotelastcode');
var cm17 = grid.jqGrid('getColProp','dispatchnoteprefix');
var cm18 = grid.jqGrid('getColProp','departmentlastcode');
var cm19 = grid.jqGrid('getColProp','locationlastcode');
var cm20 = grid.jqGrid('getColProp','godownlastcode');
var cm21 = grid.jqGrid('getColProp','gatepasslastcode');
var cm22 = grid.jqGrid('getColProp','grnlastcode');
var cm23 = grid.jqGrid('getColProp','polastcode');
var cm24 = grid.jqGrid('getColProp','nonmovinglastcode');
var cm25 = grid.jqGrid('getColProp','ct3lastcode');
var cm26 = grid.jqGrid('getColProp','inspnoterawprefix');
var cm27 = grid.jqGrid('getColProp','inspnoterawlastcode');
var cm28 = grid.jqGrid('getColProp','inspnotegsprefix');
var cm29 = grid.jqGrid('getColProp','inspnotegslastcode');
var cm30 = grid.jqGrid('getColProp','username');
cm.editable = false;
cm1.editable =false;
cm2.editable =false;
cm3.editable =false;
cm4.editable =false;
cm5.editable =false;
cm6.editable =false;
cm7.editable =false;
cm8.editable =false;
cm9.editable =false;
cm10.editable =false;
cm11.editable =false;
cm12.editable =false;
cm13.editable =false;
cm14.editable =false;
cm15.editable =false;
cm16.editable =false;
cm17.editable =false;
cm18.editable =false;
cm19.editable =false;
cm20.editable =false;
cm21.editable =false;
cm22.editable =false;
cm23.editable =false;
cm24.editable =false;
cm25.editable =false;
cm26.editable =false;
cm27.editable =false;
cm28.editable =false;
cm29.editable =false;
cm30.editable =false;
grid.jqGrid('editRow', row_id, true, null, null, 'clientArray');
cm.editable = true;
cm1.editable = true;
cm2.editable = true;
cm3.editable = true;
cm4.editable = true;
cm5.editable = true;
cm6.editable = true;
cm7.editable = true;
cm8.editable = true;
cm9.editable = true;
cm10.editable = true;
cm11.editable = true;
cm12.editable = true;
cm13.editable = true;
cm14.editable = true;
cm15.editable = true;
cm16.editable = true;
cm17.editable = true;
cm18.editable = true;
cm19.editable = true;
cm20.editable = true;
cm21.editable = true;
cm22.editable = true;
cm23.editable = true;
cm24.editable = true;
cm25.editable = true;
cm26.editable = true;
cm27.editable = true;
cm28.editable = true;
cm29.editable = true;
cm30.editable = true;
lastSel = row_id;
}
}
});
$("#list").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : true, defaultSearch:"cn"});
/* $("#list").jqGrid('navGrid','#pager',{},{}, {}, {},
{ // search
sopt:['cn', 'eq', 'ne', 'lt', 'gt', 'bw', 'ew'],
closeOnEscape: true,
multipleSearch: true,
closeAfterSearch: true
});*/
$("#list").jqGrid('navGrid','#pager',{edit:true,add:true,del:true,search:true,refresh:false},
{
recreateForm: true, dataheight: 725, width: 500, height: 800,
// afterShowForm: populateBranches,
beforeShowForm: function(form) {$('#trv_cocode',form).hide();}
},
{
recreateForm: true, dataheight: 725, width: 500, height: 800,
// afterShowForm: populateBranches,
beforeShowForm: function(form) {$('#tr_cocode',form).show();}
},
{
},
{ // search
sopt:['cn', 'eq', 'ne', 'lt', 'gt', 'bw', 'ew'],
closeOnEscape: true,
multipleSearch: true,
closeAfterSearch: true
});
});
// This function gets called whenever an edit dialog is opened
function populateBranches() {
// first of all update the city based on the country
updateBranchCallBack($('#cocode').val(), true);
// then hook the change event of the country dropdown so that it updates cities all the time
$('#cocode').bind('change', function (e) {
updateBranchCallBack($('#cocode').val(), false);
});
}
function updateBranchCallBack(company, setselected) {
// var current = $("#grid").jqGrid('getRowData',$("#grid")[0].p.selrow).brcode;
$('#brcode')
.html("<option value=''>Loading branches...</option>")
.attr("disabled", "disabled");
$.ajax({
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode='+company,
async:false,
type: "GET",
success: function (branchHtml) {
$('#brcode')
.removeAttr('disabled')
.html(branchHtml);
// if(setselected) {
// $("#brcode").val( current );
// }
}
});
};
$.jgrid.edit = {
addCaption: "Add Parameter",
editCaption: "Edit Parameter",
bSubmit: "Submit",
bCancel: "Cancel",
bClose: "Close",
bYes : "Yes",
bNo : "No",
bExit : "Cancel",
closeAfterAdd:true,
closeAfterEdit:true,
reloadAfterSubmit:true,
msg: {
required: "is mandatory or required",
number: "is a number field. Enter a valid number",
minValue: "should not be less than ",
maxValue: "should not be more than "
},
errorTextFormat: function (response) {
if (response.status !== 200) {
return '<div style="overflow-y: scroll;">'+
"Error encountered while processing. Please check the accuracy of data entered.-" + response.status + " "+response.responseText
+ '</div>';
}
},
afterSubmit : function(response,postdata) {
/* return(true,"ok"); */
/* var myInfo = '<div class="ui-state-highlight ui-corner-all">'+
'<span class="ui-icon ui-icon-info" ' +
'style="float: left; margin-right: .3em;"></span>' +
response.responseText +
'</div>',
$infoTr = $("#TblGrid_" + $.jgrid.jqID(this.id) + ">tbody>tr.tinfo"),
$infoTd = $infoTr.children("td.topinfo");
$infoTd.html(myInfo);
$infoTr.show();
// display status message to 3 sec only
setTimeout(function () {
$infoTr.slideUp("slow");
}, 3000); */
return [true, "", ""]; // response should be interpreted as successful
}
};
$.jgrid.del = {
caption: "Delete Parameter",
msg: "Delete selected Parameter?",
bSubmit: "Delete",
bCancel: "Cancel",
reloadAfterSubmit:true,
closeOnEscape:true,
onclickSubmit : function(eparams) {
var rowData = $("#list").jqGrid('getRowData', row_selected);
var retarr = {'cocode':rowData['cocode']};
return retarr;
}
};
/*
*要更改此许可证标题,请在“项目属性”中选择“许可证标题”。
*要更改此模板文件,请选择工具|模板
*然后在编辑器中打开模板。
*/
选择变量行;
$(文档).ready(函数(){
var lastSel;
var grid=jQuery(“列表”);
initDateWithButton=函数(元素){
if(/^\d+%$/.test(elem.style.width)){
//从搜索工具栏中删除%
元素style.width='';
}
//能够使用datepicker提前搜索对话框的“showOn”选项
//或者在编辑中,我们必须使用setTimeout
setTimeout(函数(){
$(元素).日期选择器({
日期格式:“日/月/年”,
showOn:'按钮',
变化年:是的,
变化月:对,
《秀周刊》:没错,
showButtonPanel:是的,
onClose:函数(dateText,inst){
inst.input.focus();
}
});
$(elem).next('button.ui日期选择器触发器')。按钮({
文本:false,
图标:{primary:'ui图标计算器'}
}).find('span.ui按钮文本').css('padding','0.1em');
}, 100);
},
numberTemplate={formatter:'decimal',align:'right',sorttype:'number',editable:true,defaultValue:'0.00',
编辑选项:{size:20,maxlength:20,
dataInit:函数(elem){
$(elem).inputmask(“货币”{
前缀:“”,
半径点:“.”,
数字:2,
占位符:“0.00”,
数字可选:false,
自动组:错误
});
}},
搜索选项:{sopt:['eq','ne','lt','le','gt','ge','nu','nn','in','ni']},
integerTemplate={formatter:'decimal',align:'right',sorttype:'number',editable:true,defaultValue:'0',
编辑选项:{size:20,maxlength:20,
dataInit:函数(elem){
$(elem).inputmask(“整数”{
前缀:“”,
半径点:“,
数字:0,
占位符:“0”,
自动组:错误,
数字可选:!1,
clearMaskOnLostFocus:!1,
removeMaskOnSubmit:false,
自动取消掩码:true
});
}},
搜索选项:{sopt:['eq','ne','lt','le','gt','ge','nu','nn','in','ni']},
dateTemplate={align:'center',sorttype:'date',可编辑:true,
格式化程序:“日期”,格式化选项:{newformat:'d/m/Y'},datefmt:'d/m/Y',
editoptions:{dataInit:initDateWithButton,大小:11},
搜索选项:{
标准作业程序:['eq','ne','lt','le','gt','ge'],
dataInit:initDateWithButton,
大小:11,//用于高级搜索对话框
属性:{size:11}//用于搜索工具栏
}};
//根据col2选择加载col3
/*函数loadCol3Selection(qcocode,col2Selected){
var col3Selection=“”;
$.ajax({
类型:“Post”,
async:false,
url:“/niorepj/admin/paramgmt/listBranchs/?qcocode=”+qcocode+”&col2=“”+col2Selected+”,
成功:功能(结果){
$。每个(结果、函数(i、值){
如果(值!=“未定义”){
col3Selection=''+值+'';
}
});
}
});
重新选举;
}*/
jqGrid({
数据类型:“json”,
mtype:'获取',
高度:“自动”,
url:“/niorepj/admin/paramgmt/”,
editurl:“/niorepj/admin/paramgmt/edit”,
ColName:[“公司”、“分公司”、“业务注册号”、“开始日期”、“结束年份”、“公司-1”、“公司-2”、“贸易”、“国内销售最后代码”、“国内销售前缀”、“出口销售最后代码”,
“出口销售前缀”、“国内工单最后代码”、“国内工单前缀”、“出口工单最后代码”、“出口工单前缀”,
“发货单最后代码”、“发货单前缀”、“部门最后代码”、“位置最后代码”、“仓库最后代码”、“登机口最后代码”,
“GRN最后代码”、“PO最后代码”、“非移动最后代码”、“CTL3最后代码”、“检查注释原始前缀”、“检查注释原始最后代码”、“检查注释gs前缀”
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
var row_selected;
$(document).ready(function() {
var lastSel;
var grid = jQuery("#list");
initDateWithButton = function (elem) {
if (/^\d+%$/.test(elem.style.width)) {
// remove % from the searching toolbar
elem.style.width = '';
}
// to be able to use 'showOn' option of datepicker in advance searching dialog
// or in the editing we have to use setTimeout
setTimeout(function () {
$(elem).datepicker({
dateFormat: 'dd/mm/yy',
showOn: 'button',
changeYear: true,
changeMonth: true,
showWeek: true,
showButtonPanel: true,
onClose: function (dateText, inst) {
inst.input.focus();
}
});
$(elem).next('button.ui-datepicker-trigger').button({
text: false,
icons: {primary: 'ui-icon-calculator'}
}).find('span.ui-button-text').css('padding', '0.1em');
}, 100);
},
numberTemplate = {formatter: 'decimal', align: 'right', sorttype: 'number', editable: true, defaultValue:'0.00',
editoptions: { size: 20, maxlength: 20,
dataInit: function (elem) {
$(elem).inputmask("currency",{
prefix: "",
radixPoint:".",
digits: 2,
placeholder: "0.00",
digitsOptional: false,
autoGroup: false
});
}},
searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'] }},
integerTemplate = {formatter: 'decimal', align: 'right', sorttype: 'number', editable: true, defaultValue:'0',
editoptions: { size: 20, maxlength: 20,
dataInit: function (elem) {
$(elem).inputmask("integer",{
prefix: "",
radixPoint:"",
digits: 0,
placeholder: "0",
autoGroup: false,
digitsOptional: !1,
clearMaskOnLostFocus: !1,
removeMaskOnSubmit: false,
autoUnmask: true
});
}},
searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'] }},
dateTemplate = {align: 'center', sorttype: 'date', editable: true,
formatter: 'date', formatoptions: { newformat: 'd/m/Y' }, datefmt: 'd/m/Y',
editoptions: { dataInit: initDateWithButton, size: 11 },
searchoptions: {
sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'],
dataInit: initDateWithButton,
size: 11, // for the advanced searching dialog
attr: {size: 11} // for the searching toolbar
}};
//Load col3 base on col2 selection
/* function loadCol3Selection(qcocode , col2Selected) {
var col3Selection = "";
$.ajax({
type: "Post",
async: false,
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode=' + qcocode + '&col2="' + col2Selected + '"',
success: function (result) {
$.each(result, function (i, value) {
if (value !== 'undefined') {
col3Selection ='<option value="' + value + '">' + value + '</option>';
}
});
}
});
return col3Selection;
}*/
grid.jqGrid({
datatype: 'json',
mtype: 'GET',
height: 'auto',
url:'/NioERPJ/admin/paramgmt/',
editurl:'/NioERPJ/admin/paramgmt/edit',
colNames:['Company','Branch','Br.Sr.No.','Starting Date','Ending Year','Comp-1','Comp-2','Trade','Domestic SalesLast Code','Domestic Sales Prefix','Export Sales Last Code',
'Export Sales Prefix','Domestic Work-Order Last Code','Domestic Work-Order Prefix','Export Work-Order Last Code','Export Work-Order Prefix',
'Dispatch Note Last Code','Dispatch Note Prefix','Department Last Code','Location Last Code','Godown Last Code','Gate Pass Last Code',
'GRN Last Code','PO Last Code','Non-moving Last Code','CTL3 Last Code','Insp. Note raw Prefix','Insp. Note raw Last Code','Insp. Note gs Prefix','Insp. Note gs Last Code','Username'],
colModel:[
{name:'cocode',index:'cocode',editable:true,edittype:'select',
editoptions:{dataUrl:"/NioERPJ/admin/paramgmt/listCmps",
dataEvents: [
{ type: 'change',fn: function(e) {
var ret = $.ajax({
url:'/NioERPJ/admin/paramgmt/listBranchs/?qcocode='+$(this).val(),
async:false
}).responseText;
$('#brcode').html(ret);
}
}]
},
formoptions:{elmprefix:'*'}},
{name:'brcode',index:'brcode', width:50, editable:true, edittype:'select', formoptions:{elmprefix:'*'}},
{name:'brsrno',index:'brsrno', width:50, editable:true, editrules:{required:true}, editoptions:{size:10}, formoptions:{elmprefix:'*'}},
{name:'fdoy',index:'fdoy', width:110, template : dateTemplate},
{name:'feoy',index:'feoy', width:110, template : dateTemplate},
{name:'comp1',index:'comp1', width:50, editable:true, editoptions:{size:20, maxlength:30}, formoptions:{elmprefix:'*'}},
{name:'comp2',index:'comp2', width:50, editable:true, editoptions:{size:20,maxlenght:30}, formoptions:{elmprefix:'*'}},
{name:'trade',index:'trade', width:60, editable: true,edittype:"checkbox",editoptions: {value:"true:false"}},
{name:'domesticsaleslastcode', index:'domesticsaleslastcode',template : integerTemplate},
{name:'domesticsalesprefix',index:'domesticsalesprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'exportsaleslastcode',index:'exportsaleslastcode', width:50, template : integerTemplate},
{name:'exportsalesprefix',index:'exportsalesprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'domesticworkorderlastcode',index:'domesticworkorderlastcode', width:50, template : integerTemplate},
{name:'domesticworkorderprefix',index:'domesticworkorderprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'exportworkorderlastcode',index:'exportworkorderlastcode', width:50, template : integerTemplate},
{name:'exportworkorderprefix',index:'exportworkorderprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'dispatchnotelastcode',index:'dispatchnotelastcode', width:50, template : integerTemplate},
{name:'dispatchnoteprefix',index:'dispatchnoteprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'departmentlastcode',index:'departmentlastcode', width:50, template : integerTemplate},
{name:'locationlastcode',index:'locationlastcode', width:50, template : integerTemplate},
{name:'godownlastcode',index:'godownlastcode', width:50, template : integerTemplate},
{name:'gatepasslastcode',index:'gatepasslastcode', width:50, template : integerTemplate},
{name:'grnlastcode',index:'grnlastcode', width:50, template : integerTemplate},
{name:'polastcode',index:'polastcode', width:50, template : integerTemplate},
{name:'nonmovinglastcode',index:'nonmovinglastcode', width:50, template : integerTemplate},
{name:'ct3lastcode',index:'ct3lastcode', width:50, template : integerTemplate},
{name:'inspnoterawprefix',index:'inspnoterawprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'inspnoterawlastcode',index:'inspnoterawlastcode', width:50, template : integerTemplate},
{name:'inspnotegsprefix',index:'inspnotegsprefix', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}},
{name:'inspnotegslastcode',index:'inspnotegslastcode', width:50, template : integerTemplate},
{name:'username',index:'username', width:50, editable:true, editoptions:{size:30}, formoptions:{elmprefix:'*'}}
],
gridview: true,
toolbar: [false, "bottom"],
pager: $('#pager'),
rowNum:15,
rowList:[10,20,30],
sortname: 'cocode',
sortorder: "asc",
viewrecords: true,
altRows: false,
autowidth:true,
shrinkToFit:false,
forceFit:true,
jsonReader : {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: false
},
imgpath: '${pageContext.request.contextPath}/resources/images',
caption: 'Parameters',
onSelectRow: function(row_id){
if(row_id !== null) {
row_selected = row_id;
}
if (row_id && row_id !== lastSel) {
grid.jqGrid('restoreRow',lastSel);
var cm = grid.jqGrid('getColProp','cocode');
var cm1 = grid.jqGrid('getColProp','brcode');
var cm2 = grid.jqGrid('getColProp','brsrno');
var cm3 = grid.jqGrid('getColProp','fdoy');
var cm4 = grid.jqGrid('getColProp','feoy');
var cm5 = grid.jqGrid('getColProp','comp1');
var cm6 = grid.jqGrid('getColProp','comp2');
var cm7 = grid.jqGrid('getColProp','trade');
var cm8 = grid.jqGrid('getColProp','domesticsaleslastcode');
var cm9 = grid.jqGrid('getColProp','domesticsalesprefix');
var cm10 = grid.jqGrid('getColProp','exportsaleslastcode');
var cm11 = grid.jqGrid('getColProp','exportsalesprefix');
var cm12 = grid.jqGrid('getColProp','domesticworkorderlastcode');
var cm13 = grid.jqGrid('getColProp','domesticworkorderprefix');
var cm14 = grid.jqGrid('getColProp','exportworkorderlastcode');
var cm15 = grid.jqGrid('getColProp','exportworkorderprefix');
var cm16 = grid.jqGrid('getColProp','dispatchnotelastcode');
var cm17 = grid.jqGrid('getColProp','dispatchnoteprefix');
var cm18 = grid.jqGrid('getColProp','departmentlastcode');
var cm19 = grid.jqGrid('getColProp','locationlastcode');
var cm20 = grid.jqGrid('getColProp','godownlastcode');
var cm21 = grid.jqGrid('getColProp','gatepasslastcode');
var cm22 = grid.jqGrid('getColProp','grnlastcode');
var cm23 = grid.jqGrid('getColProp','polastcode');
var cm24 = grid.jqGrid('getColProp','nonmovinglastcode');
var cm25 = grid.jqGrid('getColProp','ct3lastcode');
var cm26 = grid.jqGrid('getColProp','inspnoterawprefix');
var cm27 = grid.jqGrid('getColProp','inspnoterawlastcode');
var cm28 = grid.jqGrid('getColProp','inspnotegsprefix');
var cm29 = grid.jqGrid('getColProp','inspnotegslastcode');
var cm30 = grid.jqGrid('getColProp','username');
cm.editable = false;
cm1.editable =false;
cm2.editable =false;
cm3.editable =false;
cm4.editable =false;
cm5.editable =false;
cm6.editable =false;
cm7.editable =false;
cm8.editable =false;
cm9.editable =false;
cm10.editable =false;
cm11.editable =false;
cm12.editable =false;
cm13.editable =false;
cm14.editable =false;
cm15.editable =false;
cm16.editable =false;
cm17.editable =false;
cm18.editable =false;
cm19.editable =false;
cm20.editable =false;
cm21.editable =false;
cm22.editable =false;
cm23.editable =false;
cm24.editable =false;
cm25.editable =false;
cm26.editable =false;
cm27.editable =false;
cm28.editable =false;
cm29.editable =false;
cm30.editable =false;
grid.jqGrid('editRow', row_id, true, null, null, 'clientArray');
cm.editable = true;
cm1.editable = true;
cm2.editable = true;
cm3.editable = true;
cm4.editable = true;
cm5.editable = true;
cm6.editable = true;
cm7.editable = true;
cm8.editable = true;
cm9.editable = true;
cm10.editable = true;
cm11.editable = true;
cm12.editable = true;
cm13.editable = true;
cm14.editable = true;
cm15.editable = true;
cm16.editable = true;
cm17.editable = true;
cm18.editable = true;
cm19.editable = true;
cm20.editable = true;
cm21.editable = true;
cm22.editable = true;
cm23.editable = true;
cm24.editable = true;
cm25.editable = true;
cm26.editable = true;
cm27.editable = true;
cm28.editable = true;
cm29.editable = true;
cm30.editable = true;
lastSel = row_id;
}
}
});
$("#list").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : true, defaultSearch:"cn"});
/* $("#list").jqGrid('navGrid','#pager',{},{}, {}, {},
{ // search
sopt:['cn', 'eq', 'ne', 'lt', 'gt', 'bw', 'ew'],
closeOnEscape: true,
multipleSearch: true,
closeAfterSearch: true
});*/
$("#list").jqGrid('navGrid','#pager',{edit:true,add:true,del:true,search:true,refresh:false},
{
recreateForm: true, dataheight: 725, width: 500, height: 800,
// afterShowForm: populateBranches,
beforeShowForm: function(form) {$('#trv_cocode',form).hide();}
},
{
recreateForm: true, dataheight: 725, width: 500, height: 800,
// afterShowForm: populateBranches,
beforeShowForm: function(form) {$('#tr_cocode',form).show();}
},
{
},
{ // search
sopt:['cn', 'eq', 'ne', 'lt', 'gt', 'bw', 'ew'],
closeOnEscape: true,
multipleSearch: true,
closeAfterSearch: true
});
});
// This function gets called whenever an edit dialog is opened
function populateBranches() {
// first of all update the city based on the country
updateBranchCallBack($('#cocode').val(), true);
// then hook the change event of the country dropdown so that it updates cities all the time
$('#cocode').bind('change', function (e) {
updateBranchCallBack($('#cocode').val(), false);
});
}
function updateBranchCallBack(company, setselected) {
// var current = $("#grid").jqGrid('getRowData',$("#grid")[0].p.selrow).brcode;
$('#brcode')
.html("<option value=''>Loading branches...</option>")
.attr("disabled", "disabled");
$.ajax({
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode='+company,
async:false,
type: "GET",
success: function (branchHtml) {
$('#brcode')
.removeAttr('disabled')
.html(branchHtml);
// if(setselected) {
// $("#brcode").val( current );
// }
}
});
};
$.jgrid.edit = {
addCaption: "Add Parameter",
editCaption: "Edit Parameter",
bSubmit: "Submit",
bCancel: "Cancel",
bClose: "Close",
bYes : "Yes",
bNo : "No",
bExit : "Cancel",
closeAfterAdd:true,
closeAfterEdit:true,
reloadAfterSubmit:true,
msg: {
required: "is mandatory or required",
number: "is a number field. Enter a valid number",
minValue: "should not be less than ",
maxValue: "should not be more than "
},
errorTextFormat: function (response) {
if (response.status !== 200) {
return '<div style="overflow-y: scroll;">'+
"Error encountered while processing. Please check the accuracy of data entered.-" + response.status + " "+response.responseText
+ '</div>';
}
},
afterSubmit : function(response,postdata) {
/* return(true,"ok"); */
/* var myInfo = '<div class="ui-state-highlight ui-corner-all">'+
'<span class="ui-icon ui-icon-info" ' +
'style="float: left; margin-right: .3em;"></span>' +
response.responseText +
'</div>',
$infoTr = $("#TblGrid_" + $.jgrid.jqID(this.id) + ">tbody>tr.tinfo"),
$infoTd = $infoTr.children("td.topinfo");
$infoTd.html(myInfo);
$infoTr.show();
// display status message to 3 sec only
setTimeout(function () {
$infoTr.slideUp("slow");
}, 3000); */
return [true, "", ""]; // response should be interpreted as successful
}
};
$.jgrid.del = {
caption: "Delete Parameter",
msg: "Delete selected Parameter?",
bSubmit: "Delete",
bCancel: "Cancel",
reloadAfterSubmit:true,
closeOnEscape:true,
onclickSubmit : function(eparams) {
var rowData = $("#list").jqGrid('getRowData', row_selected);
var retarr = {'cocode':rowData['cocode']};
return retarr;
}
};
<%--
Document : paramgmt
Created on : Oct 4, 2015, 10:52:07 AM
Author :
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page session="true" %>
<tiles:insertDefinition name="defaultTemplate">
<tiles:putAttribute name="body">
<!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/styles/pure-0.4.2.css"/> -->
<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/styles/hfstyles.css" />
<link href="${pageContext.request.contextPath}/resources/styles/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<%--<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/styles/jquery-ui.css" />--%>
<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/styles/ui.jqgrid.css" />
<style type="text/css">
div.ui-jqgrid-titlebar {
height: 16px;
}
</style>
<div class="body">
<table id="list" ><tr><td></td></tr></table>
<div id="pager" style="text-align:center;"></div>
</div>
<!-- It is advised to put the <script> tags at the end of the document body so that they don't block rendering of the page -->
<script src="${pageContext.request.contextPath}/resources/script/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/resources/script/jquery-ui.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/resources/script/jquery.inputmask.bundle.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/resources/script/grid.locale-en.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/resources/script/jquery.jqGrid.min.js" type="text/javascript"></script>
<!-- <script src="${pageContext.request.contextPath}/resources/script/jquery.jqGrid.src.js" type="text/javascript"></script> -->
<script src="${pageContext.request.contextPath}/resources/script/js-for-para.js" type="text/javascript"></script>
</tiles:putAttribute>
</tiles:insertDefinition>
colModel: [
{name: 'cocode', index: 'cocode', editable: true, edittype: 'select',
editoptions: {dataUrl: "/NioERPJ/admin/paramgmt/listCmps",
dataEvents: [
{type: 'change', fn: function (e) {
var thisVal = $(e.target).val();
$.ajax({
url: '/NioERPJ/admin/paramgmt/listBranchs/?qcocode=' + thisVal,
dataType: "html" //listBranchs returns html right?
}).done(function (data) {
$('#brcode').html(data);
});
}
}]
},
...