jQuery Grid Plugin - jqGridForum

Topic RSS

JqGrid - Edit / Add Dialog box sizes not setting

15/12/2010
04:48

sone

Member

Members

Forum Posts: 4

Member Since:
14/12/2010

Offline

Hi All, I am setting up my jqGrid dynamically with my server side scripting generating the javascrpt. My problem is I do not know where to correctly apply the height and width attributes for my pop up dialogs. I have loooked at examples and tried to apply them where I think is the correct places but still no change.

Any help please

http://pastebin.com/WvFpVkft

$javascript = "
var lastSel = 0;
jQuery('#$jqgrid').GridUnload()
$("#$jqgrid").jqGrid({
url:'$url/table/$table',
datatype: 'json',
mtype: 'POST',
colNames:$colNames,
colModel:$colModel,
onSelectRow: function(id){
//jQuery('#$jqgrid').editRow(id, true);
//console.log('selected'+id+' '+lastSel);
if(id && id==lastSel){
}
lastSel=id;
},
ondblClickRow: function(id){
jQuery('#$jqgrid').editGridRow(id, true);
lastSel=id;
},
pager: '$jqpager',
rowNum:30,
rowList:[10,20,30],
sortname: '$tbl_cols[0]',
sortorder: 'asc',
viewrecords: true,
caption: '$table',
autowidth: true,
height: '200px',
editurl: '/admin/ajax/jqgridupdate/table/$table',
altRows: true,
multiselect: true
// ,
// edit:{
// addCaption: 'Add Recordsss',
// editCaption: 'Edit Recordsss',
// bSubmit: 'Submit',
// bCancel: 'Cancel',
// bClose: 'Close',
// saveData: 'Data has been changed! Save changes?',
// bYes : 'Yes',
// bNo : 'No',
// bExit : 'Cancel',
// height: '700',
// width: '700'
// }
//
}).navGrid('#$jqpager',{edit:false,add:true,del:false,search:false})
.navButtonAdd('#$jqpager',{
caption:'Add',
buttonicon:'ui-icon-add',
onClickButton: function(){
//alert('Adding Row');
jQuery('#$jqgrid').editGridRow('new',{height:600,width:600,reloadAfterSubmit:false});
},
position:'last'
})
.navButtonAdd('#$jqpager',{
caption:'Del',
buttonicon:'ui-icon-del',
onClickButton: function(){
//alert('Deleting Row');
//console.log(jQuery('#$jqgrid').getGridParam('selarrrow'));
var rows = jQuery('#$jqgrid').getGridParam('selarrrow');
jQuery('#$jqgrid').delGridRow(rows);
},
position:'last'
});
//console.log('test');
";