tony said:

Hello,

If this is the case it will be quite easy.

Suppose we have only one or two roots and the rest of the hunderts elments is in child nodes and so on?!?

Regards

Tony

My natural tendency would be to start with the simple case, and then incrementally address the more complex cases as required.

Also... I'd be tempted to say that if you had the case you've described, you likely have a UX issue anyhow and perhaps need to rethink your information architecure. 🙂

-steve

If this is the case it will be quite easy.

Suppose we have only one or two roots and the rest of the hunderts elments is in child nodes and so on?!?

Regards

Tony

tony said:

Hello,

Little hard to do and not in the near future plans.

Regards

Tony

I'm curious, what makes it so difficult? My default expectation would be that all paging is based on the root level rows, with the grid expanding in size when child level rows are loaded.

Little hard to do and not in the near future plans.

Regards

Tony

Currently this is not supported, but I will make all possible this to happen in next major release.

Regards

Tony

I would like to know if it is possible, in a tree grid, to change the image row and set a custom image dependant to the row. By default, it is a blue book for a no leaf row and a dot for a leaf row.

Thanks

It seems that IE7 can not interpred this. In my IE7 all works.

I think that this is a problem of IE7 settings, but I'm unable to tell you

which.

Regards

Tony

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

Thanks,

K

To be a sure to include jqModal.js and jqDnR.js

Regards

Tony

I checked, it's there

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

Value Error : top Parse error - Unrecognized }

Thanks,

K

be a sure that jqModal.css is loaded.

Regards

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

What you mean with IE7 does not render it correctly?

Does this happen when you try to resize a form or move it

Regards

Tony

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

As of the last version notes adding treenodes is not suported to this

time. Will make all possible to finish this.

Best Regards

Tony

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!

Currently no. Good idea instead.

Regards

Tony

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

Thx!

Thanks again.