jQuery Grid Plugin - jqGrid

Hello Oleg,

thanks for your answer, I know this. functionality.
But I do not have the option to pass an URL, I have to query my data by an jQuery AJAX Request.

I pass the parent ID and get some JSON data. On client side I am updating the data array.
It is working if I use the onRowSelected event, but I do not retrieve an event clicking on the expand symbol.

I hope you can understand my problem, it is by design of our complete architecture.

Greetz
Chico

Example code:

I have a js class ClientExtendedgrid:

function ClientExtendedTree() {

var _ = this;

this.jqGridDiv = null;

... //More Properties

this.Init = function() {

      this.jqGridDiv.jqGrid(
            {
                datatype: "local",
                data: this.Data,
                colNames: this.ColumnNames,
                colModel: this.ColumnModel,
                height: 'auto',
                sortname: this.SortName,
                treeGrid: true,
                treeGridModel: 'adjacency',
                treedatatype: "local",
                ExpandColumn: this.ExpandColumn,
                caption: "Sample Tree View Model",
                altRows: true,
                autowidth: this.AutoWidth,
                forceFit: this.ForceFit,
                shrinkToFit: this.ForceFit,
                rowNum: this.RowsPerPage,
                rowList: this.RowList,
                ExpandColClick: true,
                onSelectRow: function(id) {
                          .....
                },
                onCellSelect: function(rowid, iCol, cellcontent, e) {
                   
                }
            });

}

.... //More Funktions

}

The function onSelectRow hast the following content:

setTimeout(function() {
            var recordInfo = _.jqGridDiv.getLocalRow(id);
            if (!recordInfo.loaded) {
                var param = { 'key': _.Key, 'id': id };
                GlobalFunctions.LoadJSONDataAsync('[Some .NET Assembly]',
                                              '[.NET Class]',
                                              '[Method to query JSON data]',
                                              param,
                                              function(result) { //OnSuccess
                                                  var data = JSON.parse(result);
                                                  for (var i = data.length - 1; i >= 0; i--) {
                                                      for (var j = 0; j < _.Data.length; j++) {
                                                          if (_.Data[j].id == data[i].parent) {
                                                              _.Data.splice(j + 1, 0, data[i]);
                                                              j = _.Data.length;
                                                          }
                                                      }
                                                  }
                                                  _.Clear();
                                                  _.jqGridDiv[0].addJSONData({
                                                      total: 1,
                                                      page: 1,
                                                      records: _.Data.length,
                                                      rows: _.Data
                                                  });
                                              });
            }

If I had an event onExpand I could load the data beofre expanding, so the data is loaded when I click into the row,
but not when I click the expand symbol.

It is pretty much code I posted, that´s why I did not do this in my previous post, but I hope now you can understand me!

Greets

Chico