jQuery Grid Plugin - jqGridForum

Topic RSS

My edit form is not draggable and resizable

13/02/2010
09:21

phamtranquocviet

Member

Members

Forum Posts: 22

Member Since:
06/02/2010

Offline

Hi,

My edit form is neither draggable nor resizable. Here are my includes:

and here is my js:

        ).jqGrid('navGrid','#pager', {},
                 {height:400, width:280, reloadAfterSubmit:true, closeAfterEdit:true, mtype:'post', drag:true, resize:true, modal:true,
                    onInitializeForm:function(formid)
                    {
                        $('#EffDate', formid).datepicker({dateFormat:'m/dd/yy'});
                        $('#ExprDate', formid).datepicker({dateFormat:'m/dd/yy'});
                        $('#RecDate', formid).datepicker({dateFormat:'m/dd/yy'});
                    }
                 }/*edit options*/,
                 {height:380, width:280, reloadAfterSubmit:true, closeAfterAdd:true, mtype:'post'}/*add options*/,
                 {reloadAfterSubmit:true}/*del options*/)
         .jqGrid('gridResize',{minWidth:550, maxWidth:1800, minHeight:80, maxHeight:350});

I downloaded everything. However, to make sure my jquery-ui.min.js does have draggable and resizable, I issued this command "grep 'draggable' jquery-ui.min.js" It shows the word draggable.

What am I missing? Thanks.

13/02/2010
16:03

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi,

there is no css included in your code fragment. Verify, that you have following css included:

jQueryUI-css coresponds used jQueryUI version and theme. For example, "themes/redmond/jquery-ui-1.7.2.custom.css"
jqGrid css like "ui.jqgrid.css"
optional, if you use searching possibilities of jqGrid, include "jquery.searchFilter.css"
optional, if you use possibilities like 'gridResize' etc.: "ui.multiselect.css"

moreover, because you use 'gridResize' feature, you have to include "ui.multiselect.js". If you use searching possibilities of jqGrid, include "jquery.searchFilter.js" also.

Best regards

Oleg

13/02/2010
17:58

phamtranquocviet

Member

Members

Forum Posts: 22

Member Since:
06/02/2010

Offline

Hi Oleg,

Thanks for your response.

For some reason, I missed posting the css section in the question. However, I did have it in my codes. I took your advice and added multiselect js and css files. Still not working. Here is my entire <head> section:

Thanks for any further response.

17/02/2010
12:27

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

If you use jQuery 1.4. there please use 3.6.4 version where this bug is fixed.

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

18/02/2010
05:37

phamtranquocviet

Member

Members

Forum Posts: 22

Member Since:
06/02/2010

Offline

Hi Tony,

I selected all components and downloaded 3.6.4, and it still does not work. When I switched back to jquery 1.3.x, it works. Thanks.

18/02/2010
13:36

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi, phamtranquocviet!

The error is probably in the part of you code, which you not describe here. In my code, for example, everything works OK. If you prepare a small html/javascript code without any server code (you can set datatype to 'local' or 'clientSide' and fill table with at least one row of test data with respect of addRowData). So one could be easy localize and fix you problem.

Best regards
Oleg

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 994

Currently Online:
14 Guest(s)

Currently Browsing this Page:
1 Guest(s)