https://linen.dev logo
Powered by
# haxe-ui
  • b
    Copy code
    haxe
        if (n % 2 != 0) {
            theValue.addClass("invalid-value");
            theError.text = "Its not divisible by 2!";
            theError.fadeIn();
        } else {
            theValue.removeClass("invalid-value");
            theError.fadeOut();
        }
  • h
    Oh. Good. I was going to code that myself but this is easier
  • b
    ... i was going to say it should be theme aware, but when i tried it, the dark theme obviously doesnt have the colours set and so inherits them from the default theme, so looks crappy:
  • b
    :/ will fix that tomorrow
  • h
    No worries. This will be enough to get my error handling going
  • h
    I'm missing something fundamental. How do I use that renderer for each column ? None of my columns are called "theValue" or "theError". I tried setting ids in the editor-view.xml (where I define my UI) but that doesn't seem to carry over. Do I need to implement one of these custom renderers for each column ? It doesn't appear that you did so I'm probably missing something. The second question is why are you copying the input data to the dataSource in the onValue() function ? I expected that to be automatic.
  • b
    so thats why you have to update the date source manually
  • b
    setting it when the field changes:
    Copy code
    haxe
            Reflect.setField(this.data, this.id, theValue.text);
    and setting the field when the data changes
    Copy code
    haxe
theValue.text = Std.string(Reflect.field(data, this.id));
  • b
    this means that your custom item renderer can do literally anything with the data source data
  • b
    im using "this.id" here (which is the item renderers id: columnA, columnB, columnC), but you can do what ever you want
  • b
    @bright-gpu-74537 what is the proper way to change component parent? I have an issue with the code below - the widget doesn't appear in the panel2 BUT it works in the builder and it doesn't in Heaps
    Copy code
    xml
<absolute width="100%" height="100%" styleNames="workspace">
    <style>
        #panel1 {
            top: 0;
            width: 100px;
            height: 100px;
            background-color: red;
        }

        #panel2 {
            top: 150;
            width: 100px;
            height: 100px;
            background-color: red;
        }

        #widget {
            width: 100%;
            height: 100%;
            margin: 10px;
            background-color: green;
        }

        .tool {
            width: 10px;
            height: 10px;
            background-color: yellow;
        }

    </style>

    <script>
        function changeParent() {
            widget.parentComponent.removeComponent(widget, false, false);
            panel2.addComponent(widget);
            widget.moveComponentToFront();
        }
    </script>

    <box id="panel1">
        <hbox id="widget" onClick="changeParent()">
            <box styleNames="tool"/>
            <box styleNames="tool"/>
            <box styleNames="tool"/>
        </hbox>
    </box>
    
    <box id="panel2">

    </box>

</absolute>
  • b
    probably a haxeui-heaps bug - ill take a look at it this eve
  • b
    code looks fine, and as you say, works on haxeui-html5
  • b
    (thanks for the nice simple example, btw, makes things so much easier to track down 🙂 )
  • b
    fixed - latest haxeui-heaps
  • b
    thank you )))
  • h
    I think I'm following. The point is that you have a template with theValue/theError in it but the renderer is on the column ids, so you basically have to copy the data manually to the right places ?
  • b
    well, if you are using a custom renderer class you are basically saying "listen, ill assign values from the ds to the components and vice versa"... so its kinda in your hands at that point
  • b
    if you use a non custom renderer (even via xml), ie, not a custom class - then you are letting haxeui handle it for you, and then it will try to look up components based on the column id
  • h
    ok - now something doesn't seem to be happening. In the code just looking at the copying bit I have :
    Copy code
    @:bind(theValue, UIEvent.CHANGE)
    private function onValue(_)
    {
        trace('onValue id=${this.id} value=${theValue.text}');
        if (this.data != null)
        {
            trace('copying value into data');
            Reflect.setField(this.data, this.id, theValue.text);
            onDataChanged(this.data);
        }
  • h
    I never see "copying the value into data"
  • h
    it seems the ds is null
  • b
    Reflect.setField(this.data, this.id, theValue.text);
  • b
    that setting a field in the data
  • b
    oh, i see what you are saying
  • b
    have you get latest version?
  • b
    like from yesterday
  • h
    yesterday
  • h
    but only of core
  • b
    yeah - should be fine
1...115511561157...1687Latest