Thanks, i put it there deliberatly to test your bug hunting skills....
honest!
The icon and title don't tend to be dynamic which is why this wasn't
picked up until now. I'm looking forward to having this as a contrib so
other people can pick up on my delibrate mistakes (still waiting for an
e-mail back on this.. stay tuned!)
Thanks,
Matt
Petr Kobalíček wrote:
> Hi Matthew,
>
> only one think :)
>
> In your code you should add 'icon' property and your title property
> sets property to wrong widget (this._description).
>
> Only needed to modify this:
>
> _applyIcon : function(value)
> {
> this._icon.setSource(value);
> },
>
> _applyTitle : function(value)
> {
> this._title.setContent(value);
> },
>
> There are also other issues when navigating by keyboard. Only up and
> down arrows works and actual moving is left or right. Had you fixed
> this ? There is needed some way to calculate how many items to skip
> when moving up and down.
>
> Cheers
> - Petr
>
> 2008/10/1 Matthew Gregory <[EMAIL PROTECTED]>:
>> Hi,
>>
>> (assumung you're using 0.8)
>>
>> I've written something similar to this. My basic idea is to use
>> qx.ui.form.list with a few modifications, mainly using a flowlayout
>> (you'll have to get this from qooxdoo-contrib).
>>
>> Here are a couple of classes for this which are still work in progress.
>> This is currently a bug with scrolling but this will be fixed in 0.8.1
>>
>> Let me know how you get on :)
>> Matt
>>
>> ################# begin TileView.js ###########################
>> qx.Class.define("custom.ui.comps.TileView",
>> {
>> extend : qx.ui.form.List,
>> construct : function()
>> {
>> this.base(arguments);
>> var flow = new flowlayout.FlowLayout();
>> this.getChildrenContainer().setLayout(flow);
>> this.getChildrenContainer().setHeight(800);
>> },
>> members :
>> {
>> _onAddChild : function(e)
>> {
>> var el = e.getData();
>> el.set(
>> {
>> width : 250,
>> minWidth : 250,
>> maxWidth : 250
>> });
>> this.base(arguments, e);
>> }
>> }
>> });
>>
>> ################# end TileView.js ###########################
>>
>> ################# begin TileViewItem.js ###########################
>> qx.Class.define("custom.ui.comps.TileViewItem",
>> {
>> extend : qx.ui.container.Composite,
>> construct : function(title, icon, description, status)
>> {
>> this.base(arguments, new qx.ui.layout.HBox(10));
>>
>> var iconLayout = new qx.ui.layout.Canvas();
>> var iconCont = new qx.ui.container.Composite(iconLayout);
>> iconCont.add(this._icon = new qx.ui.basic.Image(icon));
>>
>> var labelLayout = new qx.ui.layout.VBox(2);
>> var labelCont = new qx.ui.container.Composite(labelLayout);
>>
>> labelCont.setLayoutProperties({flex:1});
>> labelCont.add(this._title = new qx.ui.basic.Label(title));
>> labelCont.add(this._description = new qx.ui.basic.Label(description));
>> labelCont.add(this._status = new qx.ui.basic.Label(status));
>>
>>
>> iconCont.setAnonymous(true);
>> labelCont.setAnonymous(true);
>>
>> this._icon.setAnonymous(true);
>> this._title.setAnonymous(true);
>> this._title.setFont("bold");
>> this._description.setAnonymous(true);
>> this._status.setAnonymous(true);
>>
>> this.add(iconCont);
>> this.add(labelCont);
>> },
>>
>> events:
>> {
>> /** (Fired by [EMAIL PROTECTED] qx.ui.form.List}) */
>> "action" : "qx.event.type.Event"
>> },
>> properties :
>> {
>> appearance :
>> {
>> refine : true,
>> init : "listitem"
>> },
>>
>> /** The assigned qx.ui.form.RadioGroup which handles the switching
>> between registered buttons */
>> manager :
>> {
>> check : "qx.ui.form.RadioGroup",
>> nullable : true,
>> apply : "_applyManager"
>> },
>>
>> /** Fires a "changeValue" (qx.event.type.Data) event */
>> value :
>> {
>> nullable : true,
>> event : "changeValue"
>> },
>>
>> title :
>> {
>> check : "String",
>> apply : "_applyTitle"
>> },
>>
>> description :
>> {
>> check : "String",
>> apply : "_applyDescription"
>> },
>> statusText :
>> {
>> check : "String",
>> apply : "_applyStatusText"
>> }
>> },
>> members :
>> {
>> _icon : null,
>> _title : null,
>> _description : null,
>> _status : null,
>>
>> _applyTitle : function(value)
>> {
>> this._description.setContent(value);
>> },
>>
>> _applyDescription : function(value)
>> {
>> this._description.setContent(value);
>> },
>>
>> _applyStatusText : function(value)
>> {
>> this._status.setContent(value);
>> },
>>
>> _applyManager : function(value, old)
>> {
>> if (old)
>> old.remove(this);
>> if (value)
>> value.add(this);
>> }
>> }
>> });
>>
>> ################# end TileViewItem.js ###########################
>>
>> Jean-Baptiste BRIAUD - Novlog wrote:
>>> Hi,
>>>
>>> I'm coding a window that will show files (like Finder of Windows file
>>> system explorer).
>>>
>>> The current version use a table, each line is a file and column show
>>> file attributes (could be size, ...).
>>> This is like the details view on Windows OS.
>>>
>>> I would like to have another view with icon instead of table's lines
>>> but I have no idea how to start !
>>>
>>> What widget should I use knowing that there could be lots of file
>>> eventually ... ?
>>> I'm already inside qx.ui.window.Window.
>>> I thought I might use Window without title bar and just one icon
>>> inside, but I'm quite sure its probably a bad idea to use Window
>>> inside Window...
>>>
>>> I don't want that end-user could move file like in real file system to
>>> void storing all positions.
>>> I would like to allow drag'n drop between opened window (to move/copy
>>> file) and in some cases, allow file to be reordered by drag'n drop.
>>>
>>> Any ideas welcome :-)
>>>
>>> -------------------------------------------------------------------------
>>> This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
>>> Build the coolest Linux based applications with Moblin SDK & win great
>>> prizes
>>> Grand prize is a trip for two to an Open Source event anywhere in the world
>>> http://moblin-contest.org/redirect.php?banner_id=100&url=/
>>
>> -------------------------------------------------------------------------
>> This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
>> Build the coolest Linux based applications with Moblin SDK & win great prizes
>> Grand prize is a trip for two to an Open Source event anywhere in the world
>> http://moblin-contest.org/redirect.php?banner_id=100&url=/
>> _______________________________________________
>> qooxdoo-devel mailing list
>> [email protected]
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>>
>
> -------------------------------------------------------------------------
> This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
> Build the coolest Linux based applications with Moblin SDK & win great prizes
> Grand prize is a trip for two to an Open Source event anywhere in the world
> http://moblin-contest.org/redirect.php?banner_id=100&url=/
-------------------------------------------------------------------------
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge
Build the coolest Linux based applications with Moblin SDK & win great prizes
Grand prize is a trip for two to an Open Source event anywhere in the world
http://moblin-contest.org/redirect.php?banner_id=100&url=/
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
