2.0 examples
Just wondering if any of the cool examples of drag and drop or editable grids that some of the users have created will be updated to work with the 2.0 software?? We just purchased the product and are working with the 2.0 alpha release, but haven't seen any examples that will work with 2.0. The show/hide column width functionality of the customize grid example is awesome. I did something similar, but I used cookies and just reposted and reformatted the css. To do it live without reloading reposting to the server is fantastic.
The example I am referring to is:
<a href="
http://www.activewidgets.com/grid.examples/drag-and-drop-rows.html">http://www.activewidgets.com/grid.examples/drag-and-drop-rows.html</a>
Jim
September 29,
I would love one as well.
Thanks
Rick Harris
October 25,
The 2.0 Grid is editable right now. Simply double click on a cell and it goes into edit mode. There is a property to Enable/Disable this.
Jim Hunter
October 26,
and the property works how??
example please, my cells are not editable.
Jim Shaffer
October 26,
obj.setEditorTemplate(new AW.UI.Combo, 1); // column-1 edit on dblclick
obj.setCellTemplate(new AW.UI.Input, 1); // edit always visible col-1
obj.setCellEditable(false); //// (or true) enable/disable editing --affects setEditorTemplate--
Carlos
October 26,
odd, this is not working correctly for me. I just want all cells to be editable on double click, but obj.setCellEditable(true); doesn't work.
Am I missing something?
Jim Shaffer
October 26,
There is a grid.html page in the QuickRef directory that has all the properties and methods available to the grid and the demo grid on that page is editable. I suggest that you load that page up, make sure that you can edit the grid, then determine what properties are different between your grid and the demo. This page has everything you need to know about the grid, with comments.
Jim Hunter
October 26,
If I create an "always visible" editable cell, as in Carlos's 26th Oct post earlier in this thread:
"obj.setCellTemplate(new AW.UI.Input, 1); // edit always visible col-1"
it seems that the cell separator disappears. It's not a dig deal, but any ideas how I can get it back again!
Many thanks
Will
Will
November 11,
..... a further thing I'm struggling with in using templates for editing cells is how I get items into a Combo dropdown list, when a Combo is being used as the EditorTemplate (or "always visible" cellTemplate).
grid.htm example shows us:
obj.setEditorTemplate(new AW.UI.Combo, 1); // column-1
so how do I populate the Combo?
If I set up a Combo object first and then assign it using setEditorTemplate it seems that some of the Combo methods have an affect and others don't
var myCombo = new.AW.UI.Combo;
myCombo.setControlSize(...) // this is OK
myCombo.setStyle(...) // this is OK
myCombo.setItemText(.. ) // seems this has no affect
setEditorTemplate(myCombo,1)
Any help on using controls for editor templates in this way would be much appreciated.
Thanks
Will
Will
November 11,
Because we are making open source software. We cannot upgrade to version 2.0.
November 11,
Will, maybe you are missing the line ... "setItemCount"
this works fine for me with (setCellTemplate & setEditorTemplate)
var myCombo = new AW.UI.Combo;
myCombo.setItemText(["Home", "Favorites", "Font size", "Search"]);
myCombo.setItemImage(["home", "favorites", "fontsize", "search"]);
myCombo.setItemCount(4);
obj.setCellTemplate(myCombo, 1);
Carlos
November 11,
Carlos, yes, that's exactly my mistake ... thanks very much.
(Any idea on the cell separator question?!)
Will
Will
November 11,
Not sure , but give this a try...
var myInput = new AW.UI.Input;
myInput.setStyle('height', '92%');
obj.setCellTemplate(myInput, 1);
Carlos
November 11,
No luck with that one, I'm afraid.....
Will
November 11,
Worked for me... but 92% is a little small, try making your rows higher and your percentage smaller
i.e.
obj.setRowHeight(30);
var myInput = new AW.UI.Input;
myInput.setStyle('height', '70%');
obj.setCellTemplate(myInput, 1);
Mark G
November 16,