jQuery Grid Plugin - jqGrid

Hi,

Is there any way to refresh the tree grid (reloadGrid is not working for me) ?

Thx!

Hello

I am doing add, edit and delete rows in tree grid with editGridRow()/delGridRow(). It works fine. But there is a problem: when I add row it put back it as first one in table - not at the place where it should be. if I reload the whole thing with browser refresh it puts it in a correct place on a tree.

I do know that reload control doesn’t work for now, but is there any other way to put my new row in a right place without doing browser reload. Or how can I set up 'lft', 'rhg' and 'level' properties for new row in 'clientArray' without taking them from a callback to server?

Thanks!

Tony Thanks!

Great stuff anyway!

Other thing here is that if I put  .editGridRow()  and use it with tree grid, IE 7 doesn't render a  form correctly

Best of luck,

K

Tony,

When I click Edit or Add button that assigned to editGridRow() method

the form appears on top of the page, grid moves down and page is complete flat, so basically it just inserts form before grid.

I put chunk of my code below, in case if I did something wrong:

jQuery("#list").jqGrid({url:'mysql_xml_tree.php?nd='+new Date().getTime(),
    datatype: 'xml',
    mtype: 'POST',
    colNames:['ID','Name', 'URL', 'Comments'],
    colModel :[           
      {name:'id', index:'id', hidden:false, key:true, width:55, sortable:true},
      {name:'name', index:'name', width:300, editable:true, editoptions:{size:20}, sortable:true, required:true},
      {name:'url', index:'url', width:200, editable:true, editoptions:{size:20}, sortable:false},
      {name:'comments', index:'comments', width:200, editable:true, edittype:"textarea", editoptions:{rows:"5",cols:"20"}, sortable:false}
       ],
    rowNum:20,
    rowList:[20,30],
    sortname: 'id',  
    sortorder: "asc",    
    imgpath: 'themes/basic/images',
    treeGrid: true,
    ExpandColumn : 'name',
    caption: "   ", 
    editurl:'jqgrid_to_mysql.php',
    height:'auto',
    width:550
 
    });
   
   
   
    // Add New Row
        jQuery("#button_add").click( function(){
        var id = jQuery("#list").getGridParam('selrow');              
        if (id)    {       
        jQuery("#list").editGridRow('new', {reloadAfterSubmit:false, closeAfterAdd:true, editData:{myname:id}, recreateForm:true});       
            } else { alert("Please select row");}
            });
   
   
    // Edit New Row   
        jQuery("#button_edit").click( function(){ 
        var id = jQuery("#list").getGridParam('selrow');              
        if (id)    {       
        jQuery("#list").editGridRow(id, {reloadAfterSubmit:true, closeAfterEdit:true, editData:{myname:id}, recreateForm:true});           
            } else { alert("Please select row");}
            });           

   
    //Delete row
    jQuery("#button_delete_row").click( function(){
    var id = jQuery("#list").getGridParam('selrow');      
    if (id)    {
    jQuery("#list").delGridRow(id, {reloadAfterSubmit:false} );   
        } else { alert("Please select row");}
        });
   
   
    // jqGrid Form tune   
    jQuery.jgrid.edit = {
    addCaption: "Add Record",
    editCaption: "Edit Record",
    bSubmit: "Submit",
    bCancel: "Cancel",   
    msg: {
        required:"Field is required",
        number:"Please enter valid number",
        minValue:"value must be greater than or equal to ",
        maxValue:"value must be less than or equal to"
        },
    processData: "Processing...",
    editData:{myname:"myvalue"},
    top:40,
    left:30  
     };

HTML:

<table id="list" class="scroll"></table>
<div style="margin:5px 0 0 200px">
<input type="button"  id="button_add" value="Add Page" />&nbsp;
<input type="button" id="button_edit" value="Edit Page Name" />&nbsp;
<input type="button" id="button_delete_row" value="Delete Page" />&nbsp;
</div>

Thanks!

K

Tony,

I checked, it's there

and  IE7 CSS Validator gives me next errors for 'themes/jqModal.css':

21 * iframe.jqm Value Error : width Parse Error this.parentNode.offsetWidth+&apos;px&apos;) 22 * iframe.jqm Value Error : height Parse Error this.parentNode.offsetHeight+&apos;px&apos;) 30 * html .jqmWindow Value Error : top Lexical error at line 30, column 59. Encountered: "|" (124), after : "|" document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight | document.body.clientHeight) / 100) + &apos;px&apos;); 31 * html .jqmWindow

Value Error : top Parse error - Unrecognized }

Thanks,

K

Tony,

Both of them are here and it  works well for all browers but not in IE7.

Thanks,

K