Create and render grid in an onClickCell-function of another grid

[christian]

Is it possible to create and render grid in an onClickCell-function of another grid like this?

. . . onClickCell  : function( value, record, cell, row, colNO, rowNO, columnObj, grid ) { var gridText = new Sigma.Grid( gridOptionText ); Sigma.Grid.render( gridText ); }, . . .

When I do this, I always geht the script error: 'separateLine.style' is null or no object 

But if I do something like this

var gridText = new Sigma.Grid( gridOptionText ); Sigma.Util.onLoad( Sigma.Grid.render( gridText ) );

outside the gridOptions definition, everything ist ok. But then, I have no more influence on the select boxes of the cell editor. 

Any ideas? Thank you!

[humi]

Not sure why you are doing this.

If you are trying to dynamically set values in a select list, this this is a weird way of doing it.
You could use the master/slave feature to do something like this also.

I think proper way of doing what you have below is:
Sigma.Util.onLoad(function(){ gridText.render() });

[christian]

Thank you very much for your answer! Hmm, I have two questions to your answer.

1. What is the difference between
Sigma.Util.onLoad( Sigma.Grid.render( gridText ) );
and
Sigma.Util.onLoad(function(){ gridText.render() });
? Sorry, if it is a beginner question. I took just the master/details example, and there it is like I did.

2. Master/Slave: Do you mean the Master/Details Example or something else? And yes, I want to do it with a master slave, but how?

I made the experience, that I can't influence the editor selectbox options after the grid is created. So it was my idea to create the second grid not till I have the value of my first grid, where the user clicked into a cell. Because the options of my second grid depending on the user input of the first grid.

Thank you!

[humi]

To answer your questions:
1.) Not sure the specifics. But the second code you posted shows "when the onload function is called, do a function"
Its much like onCellClick: function(){}
I had played with these a lot because of problems having multiple grids on a tabbed page, and showing / hiding one at a time. I found the code that I gave you worked.

2.) What I mean is the Master / Slave example. I can write some better code if needed. But from my head somthing like:
onCellClick: function(value, record , cell, row, colNO, rowNO,columnObj,grid){    var data = grid.getRecord(record);    // do check and find what value specific column of the row is to be in the query.    if(data['fieldid'] == "queryvalue1"){       // render the grid with proper select editor.    }    elseif(data['fieldid'] == "queryvalue2"){       // render the grid with proper select editor.    }    ect... },

[christian]

Thank you for your answer!

I think, I have now a proper solution. Not very well, but it works.

// Code of the first grid . . . onClickCell  : function( value, record, cell, row, colNO, rowNO, columnObj, grid ) {              // set the new editor select options, depending on the controller data              colsOptionText[1].editor.options = record.user_la_options;      // remove the old grid if it exits         while( document.getElementById("bigbox2").hasChildNodes() )      {                       document.getElementById("bigbox2").removeChild( document.getElementById("bigbox2").firstChild );                            }              // create the second grid with the new select options          var grid = new Sigma.Grid( gridOptionText );                    // set parameter, so that the controller knows, how the select box should look like                 grid.setParameters( { keyid:"" + record.message_key_id + ""} );          grid.render();               }, . . .

[humi]

Nice solution.

I had suggested a feature that will allow editors to be dynamically created (instead of staticly-rendered when mygrid.render() is called,) and it would make this issue not a problem. It will hopefully be in a future release.

[christian]

Yes that would be helpfull. Till then, I can work with this solution. Thank you for your efforts!