Custom Data Editor example

[humi]

I tried the code mentioned at:
http://sigmawidgets.com/forum/ajax-data-grid-view/string-column-maxlength/

This no longer works i'm guessing. Is that strictly for version 2.0?
I'm currently testing with version 2.1, and it simpilly gives no data editor.

[steven]

That solution is no longer working from 2.0. It's a workaround for 1.X.

[humi]

What is a current example?

[humi]

Bumping this topic.

At worst, I tried the pop up dialog editor example that is bundled with the SigmaGrid 2.0 release, and that doesn't seem to work either.

Is there a method or function to create custom data editors in SigmaGrid 2.1?


Thanks!
humi

[steven]

Actually, custom data editor is supported in SigmaGrid 2.1. We don't expose it to the public because it's hard to understand. But I guess you can 

var myDialogEditorCreater = new Sigma.DialogEditor({ id: "myDialogEditor1", gridId : "myGrid1" , width: 250, height:150 , title : 'Name Editor', body : ['<textarea id="my_name_input" rows="5" cols="20" style="width:99%"></textarea><br/>', '<input type="button" value="OK" onclick="Sigma.$grid(\'myGrid1\').activeDialog.confirm()"/>'].join(''), getValue : function(){ return Sigma.$("my_name_input").value; }, setValue : function(value){ Sigma.$("my_name_input").value=value; }, active : function(){ Sigma.U.focus(Sigma.$("my_name_input"));  } // Dialog has more event, such as beforeShow afterShow beforeHide afterHide  });

[steven]

humi, have you ever tried the code above?

[humi]

Steven,

I will be trying it tomorrow. I will post back the results

[humi]

I have tried both SigmaGrid 2.0 and 2.1.

Both the Sigma.Dialog() or GT.DialogEditor() don't work. Once I create the editor function in the variable, it returns JavaScript error and crashes the grid.

Note: I am developing using the free trial version. Is this one of its limitations?

I must be doing it wrong. The example included in the SigmaGrid2.0 package works fine. I tried the exact code on my page and that still crashes it. I'll edit my post in time if i get it working.

[steven]

There is no limitation for LGPL license, it really a full version.
I just made some mistakes on the code before. Try the following codes.
var myDialogEditorCreater = new Sigma.DialogEditor({ id: "myDialogEditor1", gridId : "myGrid1" , width: 250, height:150 , title : 'Name Editor', body : ['<textarea id="my_name_input" rows="5" cols="20" style="width:99%"></textarea><br/>', '<input type="button" value="OK" onclick="Sigma.$grid(\'myGrid1\').activeDialog.confirm()"/>'].join(''), getValue : function(){ return Sigma.$("my_name_input").value; }, setValue : function(value){ Sigma.$("my_name_input").value=value; }, active : function(){ Sigma.U.focus(Sigma.$("my_name_input"));  } // Dialog has more event, such as beforeShow afterShow beforeHide afterHide  });

[humi]

This pop up dialog box code works now. The code does vary a little from version 2.0

Two questions:
1.) Is there a way to set X,Y coordinates of the pop-up window?
2.) Is there also a way to create custom "in grid" editors- like the calendar? It would be nice to use, rather than through the Sigma.DialogEditor() interface.

Thank you steven.

-humi


Answer for 1:
Yes. Possible by hacking through gt_grid_all.js
Have not put much time into it- but it is possible. There is another option using third party software to allow DIVs to be moved by the user.
http://sigmawidgets.com/forum/ajax-data-grid-view/moving-dialogs-(filter-and-chart)/

Answer for 2:
Yes. Possible by hacking through gt_grid_all.js
http://sigmawidgets.com/forum/ajax-data-grid-view/in-grid-editor/

[steven]

Yes, Sigma grid is designed for easy-usage. We don't expose the customized eidtor way (in v2.1) to the public because we haven't find a easy way for programmer to use it. It looks overstaffed.
For your two questions.
1). No way for that. Sigma grid is 80K in size. We don't want to add some slight functions to make it bigger.
2). We are planing to do that. Probably in the next version.

[humi]

The Custom Dialog can be dynamic- I did not think so at first. But now that I understand, its simple.
With this method, many things are possible. The in-grid editors are still "statically" created and column-based as first thought (can't change per row). So this is a nice work-around to that. it can even be different for every cell.

Using the code Steven supplied:
onClickCell:function(value, record , cell, row, colNO, rowNO,columnObj,grid){    if(colNO=="6"){       var myDialogEditorCreater.body = "change the body.";       // needed to actually re-render the body of the editor!       myDialogEditorCreator.setBody();    } }