Tested with CheckBox, RadioButton and other components without issues
except TextInput.
I already inpected the page and only moving away from <div tabindex="-1"
class="last jewel list column layout vertical viewport clipped"
style="flex: 0 0 80px; min-width: 80px; max-width: 80px; width: 80px;">
that works.
I don't know here to go now.
Then I tried a very simple use case and the same problem:
<j:initialView>
<j:View>
<j:Button text="test" click="teste()"/>
<j:DataGrid localId="dg">
<j:columns>
<j:DataGridColumn label="Col 1" dataField="Col1" align="center"/>
<j:DataGridColumn label="Col 2" itemRenderer="TestGridItemRenderer"/>
</j:columns>
</j:DataGrid>
</j:View>
</j:initialView>
private function test():void
{
var list:ArrayList = new ArrayList();
var test:Test = new Test();
test.Col1 = "aa";
test.Col2 = "bb";
list.addItem(test);
dg.dataProvider = list;
}
<?xml version="1.0" encoding="utf-8"?>
<j:DataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:j="library://ns.apache.org/royale/jewel"
xmlns:js="library://ns.apache.org/royale/basic">
<j:beads>
<js:ItemRendererDataBinding/>
</j:beads>
<j:TextInput text="aaa"/>
</j:DataGridItemRenderer>
Hugo Ferreira <[email protected]> escreveu no dia segunda, 31/08/2020
à(s) 16:33:
> "I'll try to take a look as soon as possible"
> Thank you very much. Your help is more than appreciated. Meanwhile if I
> found the issue, I will report so you don't waste your time and others in
> future could find the answer.
>
> ""holiday return" effect is clearly noticeable today"
> Indeed :)
>
> Carlos Rovira <[email protected]> escreveu no dia segunda,
> 31/08/2020 à(s) 16:27:
>
>> Hi Hugo,
>> I'll try to take a look as soon as possible. I'm with other tasks and as
>> well the "holiday return" effect is clearly noticeable today ;)
>>
>> El lun., 31 ago. 2020 a las 14:53, Hugo Ferreira (<[email protected]
>> >)
>> escribió:
>>
>> > Hi Carlos,
>> >
>> > I alredy tried put a TextInput inside an ItemRenderer before post in the
>> > mailling list.
>> > Switch between label and textinput (as your example) showed, could be a
>> > workaround for the ItemEditor.
>> >
>> > However if I put a TextInput inside an ItemRenderer of a DataGrid
>> > I can see the cursor blinking but the textinput is enabled but seems to
>> > be locked (I can't press any key).
>> > [image: Screenshot 2020-08-31 at 13.49.45.png]
>> > <?xml version="1.0" encoding="utf-8"?>
>> > <j:DataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009";
>> > xmlns:j="library://ns.apache.org/royale/jewel"
>> > xmlns:js="library://ns.apache.org/royale/basic"
>> > xmlns:components="pt.solidsoft.framework.components.*">
>> >
>> > <fx:Script>
>> > <![CDATA[
>> > public function goToEditMode():void
>> > {
>> > lbl.visible = false;
>> > txt.visible = true;
>> > }
>> > ]]>
>> > </fx:Script>
>> >
>> > <j:beads>
>> > <js:ItemRendererDataBinding/>
>> > <j:HorizontalCenteredLayout/>
>> > </j:beads>
>> >
>> > <j:Label localId="lbl" text="Test" doubleClick="goToEditMode()"/>
>> > <j:TextInput localId="txt" text="Test" visible="false"/>
>> >
>> > </j:DataGridItemRenderer>
>> >
>> > Carlos Rovira <[email protected]> escreveu no dia segunda,
>> > 31/08/2020 à(s) 10:58:
>> >
>> >> Hi Hugo,
>> >>
>> >> Unfortunately, there's no "editing" concept in Jewel DataGrid.
>> >> But on the other hand we are in Royale and not in Flex, so things
>> should
>> >> be
>> >> easier to do.
>> >> In fact, this example [1] done with a Jewel List shows you maybe have
>> all
>> >> the pieces to implement a custom cell editor yourself.
>> >>
>> >> DataGrid uses a List for every column (and a ButtonBar for the header).
>> >> So you can:
>> >>
>> >> a) create a custom DataGrid Renderer similar to the TODOMVC one (code
>> is
>> >> in
>> >> our examples/jewel/ and crux/ folders since there's 2 version one with
>> >> crux
>> >> and other without). You can dispatch events the same way todomvc
>> example
>> >> does just bubbling the event. Otherwise, you want to add some
>> controller
>> >> bead for editing.
>> >> b) you use assign the custom renderer it to your DataGrid
>> >>
>> >> if you do something that you think could be a good implementation you
>> can
>> >> share here and even contribute, and I'll (and others) be glad to help
>> you
>> >> with that.
>> >>
>> >> [1] https://royale.apache.org/todomvc-jewel
>> >>
>> >> El lun., 31 ago. 2020 a las 10:34, Hugo Ferreira (<
>> [email protected]
>> >> >)
>> >> escribió:
>> >>
>> >> > Thank you.
>> >> > I will wait for Carlos feedback.
>> >> >
>> >> > Greg Dove <[email protected]> escreveu no dia domingo, 30/08/2020
>> >> à(s)
>> >> > 23:14:
>> >> >
>> >> > > Carlos can provide more details I am sure, but I know that Jewel
>> >> DataGrid
>> >> > > is in progressive development and represents work-in-progress.
>> >> > > At the moment I don't consider that Flex-like itemEditors are
>> >> supported,
>> >> > > but I expect it is intended to be in the future.
>> >> > >
>> >> > >
>> >> > >
>> >> > > On Mon, Aug 31, 2020 at 10:07 AM Hugo Ferreira <
>> >> [email protected]>
>> >> > > wrote:
>> >> > >
>> >> > > > Hello,
>> >> > > >
>> >> > > > I continue my jorney on Royale with Jewel and I started now with
>> >> > DataGrid
>> >> > > > component.
>> >> > > > I'm facing an issue that I can't see how to edit an item inside
>> the
>> >> > > > selected row: Label becames an editable component like TextInput.
>> >> > > > This is a very, very important feature of a DataGrid.
>> >> > > >
>> >> > > > This is not supported right now or I'm doing something wrong ?
>> >> > > >
>> >> > > > Thank you,
>> >> > > > Hugo.
>> >> > > >
>> >> > >
>> >> >
>> >>
>> >>
>> >> --
>> >> Carlos Rovira
>> >> http://about.me/carlosrovira
>> >>
>> >
>>
>> --
>> Carlos Rovira
>> http://about.me/carlosrovira
>>
>
