Hello,

I apologize for the late response.

Basically, we can’t use “Load on Demand” scenario or feature in (TreeView) node that already has children (child node).

I attached a page that contains ASP.Net TreeView to show how the “Load on Demand” feature of ASP.Net TreeView works.

In this page, I add “OnTreeNodePopulate” server side event to the TreeView control.

On the “Page_Load” server side event, I create the root node for the TreeView:

protected void Page_Load(object sender, EventArgs e){
    if (!IsPostBack)
    {
        TreeNode rootNode = new TreeNode();
        rootNode.Text = "Root";
        rootNode.Value = "Level0";
        rootNode.Expanded = true;
        rootNode.PopulateOnDemand = true;

        TreeView1.Nodes.Add(rootNode);
    }
}

Then in “OnTreeNodePopulate” server side event I try to add two nodes with different depth level.

protected void TreeView1_TreeNodePopulate(object sender, TreeNodeEventArgs e)
{
    TreeNode newNode = new TreeNode();
    newNode.Text = "Level One";
    newNode.Value = "Level1";
    newNode.PopulateOnDemand = false;

    TreeNode newNode2 = new TreeNode();
    newNode2.Text = "Level Two";
    newNode2.Value = "Level2";
    newNode2.PopulateOnDemand = true;

    newNode.ChildNodes.Add(newNode2);
    e.Node.ChildNodes.Add(newNode);
}

With this configuration the ASP.Net TreeView will work properly. However, if you try to modify the “PopulateOnDemand” property, in “newNode”, to “True”.
You will get the warning message while you are trying to expand the root node.

I attached the video regarding the result on my end as well.

As you can see, the Intersoft WebTreeView have the same default behavior with ASP.Net TreeView, that the “Load on Demand” scenario or feature can’t be applied in (TreeView) node that already has children (child node).

Due to that behavior, in this Load on Demand scenario, the WebTreeView will only load the parent node, not with its child node.

Hope this helps.

Regards,
Hans K.

Hello,

I’m glad to hear that the JavaScript code suitable for your current scenario.

Should you have further question, please do not hesitate to contact us.

Thank you.

Regards,
Hans K.

var intervalObj;
function activateEditMode(grid, curRowIndex, nextRowIndex, columnName, cell) {
    if (nextRowIndex >= 0 && nextRowIndex < grid.TotalRows) {
        var nextRowEl = grid.RootTable.GetRow(nextRowIndex);
        var curRowEl = grid.RootTable.GetRow(curRowIndex);
        var cell1 = nextRowEl.GetCell(cell);
        var cell2 = curRowEl.GetCell(cell);
        grid.SetFocus();
        cell2.Select(true);
        nextRowEl.Select();
        cell1.ActivateEdit();
    }
}

function WebGrid1_OnEditKeyDown(controlId, keyCode)
{
    // get the grid
    var grid = ISGetObject(controlId);
    // get current information about row and cell
    var activeEditCell = grid.GetActiveEditCell();
    var columnName = wgGetColNameByCell(activeEditCell.element);
    var curRow = activeEditCell.rowElement;
    var curRowIndex = curRow.rowIndex;
    var curCell = grid.GetActiveEditCell().cellIndex;


    if (keyCode == 38) { // if up arrow
        grid.ExitEdit(1, 0, 0);  // exit and update the row if dirty
                
        intervalObj = setInterval(function ()
        {
            if (!grid.IsInProgress)
            {
                activateEditMode(grid, curRowIndex, curRowIndex - 1, columnName, curCell - 1);
                clearInterval(intervalObj);
                intervalObj = null;
            }
        }, 5);

    }
            
    else if (keyCode == 40) {  // if down arrow or enter key
        grid.ExitEdit(1, 0, 0);  // exit and update the row if dirty

        intervalObj = setInterval(function ()
        {
            if (!grid.IsInProgress)
            {
                activateEditMode(grid, curRowIndex, curRowIndex + 1, columnName, curCell - 1);
                clearInterval(intervalObj);
                intervalObj = null;
            }
        }, 5);
    }
    return true;
}

I attached the page & video regarding this scenario. Please kindly have review on the attached file and let me know your response.

Regards,
Hans K.

function ExportRootTable() {    var WebGrid1 = ISGetObject("WebGrid1");

    //export grid data to Microsoft Excel
    WebGrid1.ExportGrid("Customers", "EXCEL", "PORTRAIT");
            
    return true;
}

Here’s snippet example code how to export the child table:

function ExportSelectedChildTable_Orders() {
    var WebGrid1 = ISGetObject("WebGrid1");

    //export grid data to Microsoft Excel
    WebGrid1.ExportGrid("Orders", "EXCEL", "PORTRAIT", WebGrid1.GetSelectedObject().ToRowObject().GetParentRow().RowElement);

    return true;
}

I attached the page that show how implement the JavaScript code.
Please try to add the page to the WebGrid Samples Solution to see the result.

Regards,
Hans K.