https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • b
    ok, so i just knocked up a listview example in the end... scrollview would allow you to have items that "arent the same" in the same view, ill knock that up if you want, but probably list view is enough (assuming im understanding the q ofc)
  • b
    Copy code
    xml
        <vbox>
            <button id="add1" text="Add" />
            <listview id="lv" width="400" height="300">
                <item-renderer layoutName="horizontal" width="100%">
                    <label id="itemName" width="100%" verticalAlign="center" />
                    <button id="useButton" text="Use" />
                    <button id="dropButton" text="Drop" />
                </item-renderer>
            </listview>
        </vbox>
  • b
    Copy code
    haxe
            var lv = mainView.findComponent("lv", ListView);
            mainView.findComponent("add1", Button).onClick = function(e) {
                lv.dataSource.add({ itemName: "some item #" + Std.random(100) });
            };
            lv.onComponentEvent = function(e) {
                if (e.source.id == "dropButton") {
                    var itemToRemove = lv.dataSource.get(e.itemIndex);
                    lv.dataSource.remove(itemToRemove);
                } else if (e.source.id == "useButton") {
                    Toolkit.messageBox("Use: " + lv.dataSource.get(e.itemIndex).itemName, "Use me!", MessageBoxType.TYPE_INFO);
                }
            }
  • b
    obivously this is using xml (but you could create the itemrenderer in code if you want) and its using ugly "findComponent" to glue it all together but if you have a custom component to display this you wouldnt need any of that
  • q
    That's what I was trying to puzzle out - how does the item-renderer actually work here? Still reading over code, I know, I'm slow XD
  • b
    oh, also, i added a little tweak to haxeui-core (adding itemIndex to the ComponentEvent) so you'll need latest git haxeui-core if you wanna actually use the code above
  • b
    so basically, you when you add an itemrenderer to listview it stores it and all items in the listview will be a clone of that item with their data changed
  • q
    Okay so what I gather is... listview has an underlying data source. Dynamic population happens via a templated system. ... The internal for item-renderer element there is the template?
  • q
    Ah! I made the mistake of assuming 
    item-renderer
    is specific. It is not. It is a generic.
  • q
    IE; it is not specially made to display my items, it is the general object used to display items in a listview.
  • b
    yeah, well, really its not just for listview... you can create an item renderer, add some children to it, and set its .data property
  • q
    nods
  • b
    and it will look through and match ids of components to items in the data and set their value property
  • q
    I have to assume any unmatched components are just "whatever is in the templated version" then.
  • q
    So... placeholders and defaults would be one and the same if I'm following that correctly.
  • b
    basically, yeah
  • b
    if you had this item renderer:
  • q
    That's really cool. I'm not sure if that was here last time I was or not, but it's a really cool feature.
  • b
    Copy code
    xml
                <item-renderer layoutName="horizontal" width="100%">
                    <label id="itemName" width="100%" verticalAlign="center" />
                    <button id="useButton" text="Use" />
                    <button id="dropButton" text="Drop" />
                    <label id="BOBBY" text="default" />
                </item-renderer>
  • b
    and you didnt set a "BOBBY" on the item in the data source then it would show "default"
  • q
    nodsnods
  • q
    I think I'm following along.
  • q
    But you know me XD I'll find some silly way to break it and be back sooner or later.
  • b
    🙂
  • q
    @User you'll appreciate yourself tagging yourself later.
  • b
    breaking is good... means (generally) improvements
  • b
    eg: adding the itemIndex to the component event.... tiny change, but useful
  • q
    Still waiting for my host to leave Flash for HTML5. Are flash bugs even worth the time it takes anymore? Otherwise will just test HTML5 and then tell players they can blame the host.
  • b
    lv.dataSource.get(e.itemIndex).itemName
    reads better than 
    lv.dataSource.get(cast(e.target, ItemRenderer).itemIndex).itemName
    🙂
  • b
    honestly, i havent test flash in ages... not sure if i even have a standalone player anymore
1...335336337...1687Latest