jQuery Grid Plugin - jqGrid - Topic: Resizing grid not works.

tony on Resizing grid not works.

Mon, 28 Dec 2009 14:41:35 +0200

Hello,

It seems that you do not have included in the download the grid.jqueryui.js file. Check this box in the download manager. It is at bottom.

Some othe note. You do not need to include the src code if you have already included the jqGrid min file. This will cause a lot of problems maybe.

Best Regards

Tony

newuser on Resizing grid not works.

Sun, 27 Dec 2009 07:40:33 +0200

I don't mean to hijack this thread but I am having a similar problem trying to resize my grid. And I think I have the wrong order in which I load the scripts. I have not been able to figure out what order these scripts should come in by following the documentation. I am using 3.6.2 I get an error msg from firebug saying uncaught exception: jqgrid – no such method: gridResize

jQuery(”#s4list”).jqGrid({
   url:'jqgrid/search_adv.php?q=1',
datatype: “json”,
width: 500,
   colNames:['Store','Business Unit', 'SKU Count', 'Date'],
   colModel:[
     {name:'Store',index:'store_number', width:65, searchoptions:{sopt:['eq','ne','lt','le','gt','ge']}},
     {name:'Businness Unit',index:'bu', width:80, align:”right”,searchoptions:{sopt:['eq','ne','lt','le','gt','ge']}},
  {name:'SKU Count',index:'item_count', width:80,align:”right”,searchoptions:{sopt:['eq','ne','lt','le','gt','ge']}},
     {name:'Date',index:'datetime', width:90, align:”right”,searchoptions:{sopt:['eq','ne','lt','le','gt','ge']}},
   ],
   rowNum:10,
   mtype: “POST”,
   rowList:[10,20,30],
   pager: '#s4pager',
   sortname: 'store_number',
    viewrecords: true,
rownumbers: true,
gridview : true,
    sortorder: “desc”,
    caption:”SKU Count of stores databases”
});
jQuery(”#s4list”).jqGrid('navGrid','#s3pager',
{
edit:false,add:false,del:false,search:true,refresh:true
},
{}, // edit options
{}, // add options
{}, //del options
{multipleSearch:true} // search options
);
jQuery(”#s4list”).jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:100, maxHeight:350});

<head>

</head>

<body>

</body>

tony on Resizing grid not works.

Sun, 13 Dec 2009 16:44:49 +0200

Hello,

This maybe occur if you have build the minified file using ant. I will check this.

Also if you use the download manager the first file is grid.base.

Regards

Tony

turya on Resizing grid not works.

Fri, 11 Dec 2009 02:07:14 +0200

I think the "$.jgrid.extend is not a function" error may be due to your imports being in the wrong order.

grid.jqueryui.js should come after jquery.jqGrid.min.js (since that sets up the $.jgrid namespace)

tony on Resizing grid not works.

Thu, 19 Nov 2009 04:33:31 +0200

Hello,

Setting this

$.jgrid.no_legacy_api = true;
</script>

Will cause to use the following convention

$("#mygrid").jqGrid("setGridWidth",800);

But not this

$("#mygrid").setGridWidth(800);

Also please carfully the docs what you should do when you use this flag
In you page you have mixed call - some the old way , some the new.
Convert your calls to the new way or turn off this flag.
Best Regards
Tony

donovan68 on Resizing grid not works.

Wed, 18 Nov 2009 13:10:43 +0200

Thanks ,

Really I add in the <head> tag these scripts need :

<script src="js/jquery.jqGrid.js" type="text/javascript"></script>

<script src="js/grid.jqueryui.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script> 
<script type="text/javascript">
  	$.jgrid.no_legacy_api = true;
</script>
  however   when  I   load  this  webpage ,  with  the  datagrid  and  menu   together  --

    http://87.106.105.47:8084/osis/OSIS/jQuery_Grid.html

  and   I  try   the  resizing  grid ,  my   Firebug   reports   following    error  :

"  $.jgrid.extend is not a function
http://87.106.105.47:8084/osis/OSIS/js/grid.jqueryui.js
Line 404 "

 Notice  that   it  can   resize   first   grid  only   loaded.

                 Djalma Bina.

tony on Resizing grid not works.

Mon, 16 Nov 2009 23:07:13 +0200

Hello,

Thanks.

In order to work this you should

1. Be a sure that when you download the grid you marked the last item in the selection – jQuiery UI addons. The easy way to check this is when you open the jquery.jqGrid.min.js file and look in the Modules row at the beggining – the grid.jqueryui.js should be present.

2. Be a sure that you have inluded the jQuery UI and and the version you have include the resizable widget. Look into the documentation what jQuery UI widgets you need.

Regards

Tony

donovan68 on Resizing grid not works.

Mon, 16 Nov 2009 12:28:49 +0200

Hi ,

I'm working with XML datagrid view showing newspaper articles and now

added the some 3.6 new version features likes as "Resizing grid" however this

function not works in my code below :

jQuery(document).ready(
            function() {
                jQuery('#list').jqGrid({
                    url: 'records.xml',
                    datatype: 'xml',
                    colNames: ['Id','Headline', 'body', 'NewsItemURL', 'PublicationDate', 'MediaName', 'DataSource'],
                    colModel: [
                      { name: 'Id', index: 'Id', width: 5, hidden: true, editable: false, xmlmap: "Id",align:'right',editoptions:{readonly:true,size:5}},
                      { name: 'Headline', index: 'Headline', width: 50,align: 'right',editable: true,editoptions:{size:10}},
                      { name: 'body', index: 'body', width: 100, xmlmap:'body',editable: true,edittype:"textarea",editoptions:{rows:"10",cols:"20"}},
                      { name: 'NewsItemURL', index: 'NewsItemURL', width: 100, editable: true, xmlmap: 'NewsItemURL',align: 'right',formatter:'link',editoptions:{size:50}},
                      { name: 'PublicationDate', index: 'PublicationDate', width: 50, editable: true, xmlmap: 'PublicationDate', align: 'right', formatter: 'date',editoptions:{size:10}},
                      { name: 'MediaName', index: 'MediaName',width: 50,editable: true,xmlmap: 'MediaName', align: 'right',editoptions:{size:50}},
                      { name: 'DataSource', index: 'DataSource',width: 50,editable: true,xmlmap: 'DataSource', align: 'right',editoptions:{size:10}}
                    ],
                    rownumbers: true,
                    pager: jQuery('#pager'),
                    sortname: 'Id',
                    viewrecords: true,
                    sortorder: 'desc',
                    xmlReader: {
                        root: 'Items',
                         row: 'Item',
                        repeatitems: false,
                        id: 'Id'
                    },
                    width: 600,
                    height:230,
                   caption: 'XML News',
                   editurl: "records.xml"

   }).navGrid('#pager', { edit: true, add: true, del: false });
   jQuery(”#list”).jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:80, maxHeight:350});
});

I would like to report it as a bug however I'm not sure of some mistake in the code.

thanks.