jQuery Grid Plugin - jqGrid - Topic: My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable Simple:Press Version 5.7.5.3 OlegK on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14932 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14932 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

]]> Thu, 18 Feb 2010 13:36:43 +0200 phamtranquocviet on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14923 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14923 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.

]]> Thu, 18 Feb 2010 05:37:34 +0200 tony on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14878 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14878 Hello,

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

Tony

]]> Wed, 17 Feb 2010 12:27:31 +0200 phamtranquocviet on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14787 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14787 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:

    <head>
        <link rel='stylesheet' type='text/css' href='css/Core.css'/>
        <link rel='stylesheet' type='text/css' href='css/main/Ddm.css'/>
        <link rel='stylesheet' type='text/css' href='css/theme/redmond/ui.all.css'/>
        <link rel='stylesheet' type='text/css' href='css/theme/redmond/jquery-ui.css'/>
        <link rel="stylesheet" type="text/css" href="css/theme/my-ui.css"/>
        <link rel="stylesheet" type="text/css" href="css/grid/ui.jqgrid.css"/>

        <link rel="stylesheet" type="text/css" href="js/jquery/multiselect/css/common.css"/>
        <link rel="stylesheet" type="text/css" href="js/jquery/multiselect/css/ui.multiselect.css"/>

        <link rel="stylesheet" type="text/css" href="css/admin/Training.css"/>
        <link rel="stylesheet" type="text/css" href="css/admin/Admin.css"/>

        <script type='text/javascript' src='js/jquery/jquery.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.multi-ddm.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery-ui.min.js'></script>
        <script type='text/javascript' src='js/jquery/grid/i18n/grid.locale-en.js'></script>
        <script type='text/javascript' src='js/jquery/grid/jquery.jqGrid.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.layout.min.js'></script>

        <script type='text/javascript' src='js/jquery/multiselect/js/ui.multiselect.js'></script>

        <script type='text/javascript' src='js/jquery/jqDnR.js'></script>
        <script type='text/javascript' src='js/jquery/jqModal.js'></script>

        <script type='text/javascript' src='js/Core.js'></script>
        <script type='text/javascript' src='js/admin/Admin.js'></script>
    </head>

Thanks for any further response.

]]> Sat, 13 Feb 2010 17:58:03 +0200 OlegK on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14786 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14786 Hi,

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

  1. jQueryUI-css coresponds used jQueryUI version and theme. For example, "themes/redmond/jquery-ui-1.7.2.custom.css"
  2. jqGrid css like "ui.jqgrid.css"
  3. optional, if you use searching possibilities of jqGrid, include "jquery.searchFilter.css"
  4. 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

]]> Sat, 13 Feb 2010 16:03:32 +0200 phamtranquocviet on My edit form is not draggable and resizable http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14782 Help http://www.trirand.com/blog/?page_id=393/help/my-edit-form-is-not-draggable-and-resizable#p14782 Hi,

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

        <script type='text/javascript' src='js/jquery/jquery.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.multi-ddm.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery-ui.min.js'></script>
        <script type='text/javascript' src='js/jquery/grid/i18n/grid.locale-en.js'></script>
        <script type='text/javascript' src='js/jquery/grid/jquery.jqGrid.min.js'></script>
        <script type='text/javascript' src='js/jquery/jquery.layout.min.js'></script>
        <script type='text/javascript' src='js/jquery/jqDnR.js'></script> <===== including this does not work either

        <script type='text/javascript' src='js/jquery/jqModal.js'></script> <===== including this does not work either

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.

]]> Sat, 13 Feb 2010 09:21:16 +0200