https://linen.dev logo
Join Discord
Powered by
# haxe-ui
  • c
    Item renderer?
  • b
    so for each new item in the listview / tableview an item renderer is created, the data of the item renderer is set to the item from the data source, and anything it with an id is matched, eg:
  • c
    Ah that item renderer
  • b
    Copy code
    xml
<item-renderer>
    <vbox>
        <image id="theImage" />
        <hbox>
            <label id="theLabel1" />
            <label id="theLabel2" />
        </hbox>
    </vbox>
</item-renderer>
  • b
    Copy code
    myListView.dataSource.add({ theImage: "someimage", theLabel1: "item 1A", theLabel2: "item 1B"});
myListView.dataSource.add({ theImage: "someimage", theLabel1: "item 2A", theLabel2: "item 2B"});
myListView.dataSource.add({ theImage: "someimage", theLabel1: "item 3A", theLabel2: "item 3B"});
  • b
    someone just emailed me about "7guis"... never heard of them before
  • b
  • b
    ... finally 😅
  • f
    Congrats, they look great! 😄 I like the dark osx one.
  • b
    yeah, luckily wxwidgets handles osx themes (now), i think in the most recently release
  • b
    i remember a few releases back things looked awful with dark mode on osx
  • c
    is it like the following psuedo-code?
    Copy code
    haxe
var data = // ... current entry in dataSource
var renderer // ... current item renderer
var c = renderer.findComponentById('theImage');
c.data = data.theImage;
  • c
    Would prefer something like this instead:
    Copy code
    haxe
var dataSource:DataSource<MyData> = // ...
var list = new List();
list.dataSource = dataSource;
list.renderItem = function(data:MyData, ?cached:Component):Component { /* ... */ }
  • b
    there is 
    public var itemRendererFunction(get, set):ItemRendererFunction2;
    but it returns a class not a component instance so that class will still have to end up being an item renderer
  • b
    im also not sure how well the itemRendererFunction works, im pretty sure i didnt add it and ive never personally used it
  • b
    (and yeah, the way it works is like your first snippet, essentially, anyway)
  • c
    so, where is the 
    data
    field of a component defined?
  • c
    i want to know how it maps to the "correct" field (like 
    .text
    for Label`
  • b
    so .data is on the ItemRenderer, not component and it doesnt do any mapping it sets the .value of the component, which means different things to different components
  • c
    oh I just saw this 
    @:value(text)
  • c
    I think that's the magic
  • b
    yeah
  • c
    okay
  • b
    i think 
    list.renderItem = function(data:MyData, ?cached:Component):Component { /* ... */ }
    might be something interesting to explore anyway though
  • b
    sounds like a more useful version of the existing itemRendererFunction
  • c
    in react it is just 
    renderItem:Data->ReactElement
    but ReactElement is just data in the virtual DOM the actual "real" element is created/modified by the reconciler so it might be trickier for haxeui because it has to render the real component directly
  • c
    and user has to manually handle the component lifecycle (if they decided to dispose the previous ones...)
  • b
    ill add it to the list... been meaning to revise, remove, relook at these itemrenderefunction bits again anyway 😉
  • c
    sure
  • c
    thanks!
1...296297298...1687Latest