I have a very large treeGrid (~2000 elements in one node). And it seems to be frozen when I click [+] to expand it. I want to change mouse cursor state to 'wait' once clicked, but then to 'default' once expanded. Assume I can put it in onRowClick or onOpen event but what is onComplete event where I can reset the cursor? Also is there a way/property to see if row is expanded or collapsed? I want to change its style then.
var layout = [
  {
    cells: [
      [
        { field: "userid", name: "User Id" },
        {
          field: "childItems",
          children: [
            { field: "unid", name: "unid" },
            { field: "username", name: "User Name" },
            { field: "budget", name: "Budget" }
          ],
          aggregate: "sum"
        }
      ]
    ]
  }
]
var jsonStore = new dojo.data.ItemFileWriteStore({ url: <...............>});
var grid = new dojox.grid.TreeGrid(
  {
    structure: layout,
    store: jsonStore,
    query: { type: 'userid' },
    queryOptions: { deep: true },
    rowSelector: true,
    openAtLevels: [false],
    autoWidth: true,
    autoHeight: true,
    onRowClick: function (evt) {
      var idx = evt.rowIndex,
        item = this.getItem(idx);
      // ??????
    }
  },
  dojo.byId("treeGrid")
);