I used the qx.mobile.embed.Html widget and i generated the html code to create
my table: this is the table:
<div style="overflow:auto;"><table style="border:1px solid
black;border-collapse:collapse;"><tr><th style="border:1px solid
black;border-collapse:collapse;">id</th><th style="border:1px solid
black;border-collapse:collapse;">sign</th><th style="border:1px solid
black;border-collapse:collapse;">symbol</th><th style="border:1px solid
black;border-collapse:collapse;">name</th><th style="border:1px solid
black;border-collapse:collapse;">description</th><th style="border:1px solid
black;border-collapse:collapse;">valueToMainUnit</th></tr><tr
onClick='javascript:qx.core.Init.getApplication().globalData.pages[2].setFormData({"id":6,"userId":1,"sign":"€","symbol":"EUR","name":"Euro","description":"European
currency","valueToMainUnit":4.4414})' style="cursor:pointer;"><td
style="border:1px solid black;border-collapse:collapse;">6</td><td
style="border:1px solid black;border-collapse:collapse;">€</td><td
style="border:1px solid
black;border-collapse:collapse;">EUR</td><td style="border:1px solid
black;border-collapse:collapse;">Euro</td><td style="border:1px solid
black;border-collapse:collapse;">European currency</td><td style="border:1px
solid black;border-collapse:collapse;">4.4414</td></tr><tr
onClick='javascript:qx.core.Init.getApplication().globalData.pages[2].setFormData({"id":9,"userId":1,"sign":"a","symbol":"b","name":"c","description":"d","valueToMainUnit":6})'
style="cursor:pointer;"><td style="border:1px solid
black;border-collapse:collapse;">9</td><td style="border:1px solid
black;border-collapse:collapse;">a</td><td style="border:1px solid
black;border-collapse:collapse;">b</td><td style="border:1px solid
black;border-collapse:collapse;">c</td><td style="border:1px solid
black;border-collapse:collapse;">d</td><td style="border:1px solid
black;border-collapse:collapse;">6</td></tr></table></div>
I added
onClick='javascript:qx.core.Init.getApplication().globalData.pages[2].setFormData({"id":9,"userId":1,"sign":"a","symbol":"b","name":"c","description":"d","valueToMainUnit":6})'
on every table row (<tr>). The thing is that the application works just fine
on my desktop, but it does not work on my mobile, it does not feel the "click".
The app also works in a Android Virtual Device. Should I do things in another
way ? I also tried to do it by adding the class attribute to the table row and
then adding this to qooxdoo:
q('.MTS_CRUD_tableRow').on("click",function(){qx.core.Init.getApplication().globalData.pages[2].setFormData(unit)});
I also tried to make a simple alert instead of that qx.core.... The alert
doesn't work either.
I also tried to do it with a ListRenderer, I managed to create the list
renderer as i wanted it but I don't get that column alignment (although added
the labels with {flex:1}). If I use the list instead of the table I can easily
click the listItem on my mobile device, it reacts to my click.
Any ideeas? Thanks
În Miercuri, 30 Octombrie 2013 10:05:40, tedi tedi <[email protected]> a scris:
Thank you, Cristopher, I think I will go with the qx.mobile.embed.Html widget.
I didn't know about this qx.bom.Template.render class. It will make my code a
lot easier to read :-).
I did see your stackoverflow post but I had a hard time after this step: "You
may use qx.ui.mobile.list.renderer.Default
as a good starting point (or just copy its content)." I didn't know exactly how
to modify it to meet my needs, that's why I asked if someone had an example of
a customized List Renderer class. Although i'll go with the HTML widget, such a
class would be helpful in the future.
Thanks again for giving your time, and creating those examples !
În Marţi, 29 Octombrie 2013 18:52:35, Christopher Zündorf
<[email protected]> a scris:
Here is a more details playground example:
http://tinyurl.com/otomo36
It includes the possibility to delete a line...
Am 29.10.2013 um 17:37 schrieb Christopher Zündorf
<[email protected]>:
Solution 1:
>My first thought was the qx.mobile.embed.Html widget ,too.
>
>
>If you want to use this solution I would propose to use q to append click
>listeners:
>
>
>q(„#table-cell-id“).on(„click“,function() {});
>
>
>A few months ago, I also tried to implement my own qx.Mobile table widget.
>This was only a convenience layer which used a 2-dimensional array and parsed
>it into a table.
>
>
>Finally I decided that it is much easier to use qx.Mobile templating class and
>apply HTML into the app.
>
>
>qooxdoo has integrated the templating library „mustache.js“:
>
>
>https://github.com/janl/mustache.js
>
>
>With this it is very easy to create a HTML table out of JSON data.
>
>
>Especially the chapter „Lists“ will be interesting for you.
>
>
>You could pass an array with your data, and mustache would
>
>
>Have a look at this example:
>
>
>http://tinyurl.com/p85xh49
>
>
>
>
>Solution 2:
>Writing your own list renderer is quite easy, too. I wrote an explanation on
>Stack Overflow:
>http://stackoverflow.com/questions/18833656/qooxdoo-mobile-list-view-item-expandable
>
>
>
>
>
>
>
>
>
>
>
>Am 29.10.2013 um 15:27 schrieb tedi tedi <[email protected]>:
>
>Hello,
>>
>>
>>
>>I want to add a table (datagrid) to my page. I did it now using HTML but it
>>not exactly what I was expecting:
>>http://tinyurl.com/papusnn
>>Now, I would like to show an Anchor Popup or Anchor Menu ( as seen here
>>http://demo.qooxdoo.org/current/mobileshowcase/#%2Fdialog ) whenever I click
>>a row. And I would like to let the user choose if he wants to Update/Delete
>>the row. I guess it's doable with this HTML object, but I was thinking about
>>a list renderer but now I realise that using a list I don't know how to set
>>the table head.
>>
>>
>>Can you guys help me with this?
>>Thank you !
>>
>>
>>P.S.: Does anyone have an example of a customized List renderer class and how
>>to use it ? thx ^.^
>>
------------------------------------------------------------------------------
>>Android is increasing in popularity, but the open development platform that
>>developers love is also attractive to malware creators. Download this white
>>paper to learn more about secure code signing practices that can help keep
>>Android apps secure.
>>http://pubads.g.doubleclick.net/gampad/clk?id=65839951&iu=/4140/ostg.clktrk_______________________________________________
>>qooxdoo-devel mailing list
>>[email protected]
>>https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>
------------------------------------------------------------------------------
>Android is increasing in popularity, but the open development platform that
>developers love is also attractive to malware creators. Download this white
>paper to learn more about secure code signing practices that can help keep
>Android apps secure.
>http://pubads.g.doubleclick.net/gampad/clk?id=65839951&iu=/4140/ostg.clktrk_______________________________________________
>qooxdoo-devel mailing list
>[email protected]
>https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
------------------------------------------------------------------------------
Android is increasing in popularity, but the open development platform that
developers love is also attractive to malware creators. Download this white
paper to learn more about secure code signing practices that can help keep
Android apps secure.
http://pubads.g.doubleclick.net/gampad/clk?id=65839951&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
Android is increasing in popularity, but the open development platform that
developers love is also attractive to malware creators. Download this white
paper to learn more about secure code signing practices that can help keep
Android apps secure.
http://pubads.g.doubleclick.net/gampad/clk?id=65839951&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel------------------------------------------------------------------------------
Android is increasing in popularity, but the open development platform that
developers love is also attractive to malware creators. Download this white
paper to learn more about secure code signing practices that can help keep
Android apps secure.
http://pubads.g.doubleclick.net/gampad/clk?id=65839951&iu=/4140/ostg.clktrk
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
