https://linen.dev logo
Powered by
# haxe-ui
  • b
    just dont understand what the logic ever was for that
  • h
    It must have seemed like a good idea at some point
  • b
    yeah, exactly... no idea... certainly doesnt make sense
  • b
    thanks a lot ^_^
  • b
    anyways, gone now
  • b
    np - lemme know if it works
  • h
    Unless there is other code somewhere that is checking for the placeholder text before doing something
  • b
    no idea, removed it, tested it, seemed fine... who knows... i mean, bugs work their way in sometimes, that weird one is a little too explicit for my liking but... ...
  • b
    ¯\_(ツ)_/¯
  • h
    I'll refresh to pick it up and let you know if I see anything odd
  • b
    @bright-gpu-74537 works as it should)
  • b
    something like this?
  • b
    something really strange happening with my renderers, but you get the point - ill see whats up with the renderer another time
  • h
    Yeah that kind of thing
  • b
    Copy code
    xml
    <table-view width="300" height="200">
        <header width="100%">
            <column id="columnA" text="Column A" width="100%" />
            <column id="columnB" text="Column B" width="100%" />
            <column id="columnC" text="Column C" width="100%" />
        </header>
        
        <my-renderer id="columnA" />
        <my-renderer id="columnB" />
        <my-renderer id="columnC" />
        
        <data>
            <item columnA="" columnB="" columnC="" />
            <item columnA="" columnB="" columnC="" />
        </data>
    </table-view>
  • b
    my-renderer.xml:
  • b
    Copy code
    xml
<item-renderer width="100%" layoutName="vertical">
    <textfield id="theValue" text="" width="100%" />
    <label id="theError" hidden="true" width="100%" style="color: #FF4444;" />
</item-renderer>
  • b
    MyRenderer.hx:
  • b
    Copy code
    haxe
package custom;

import haxe.ui.core.ItemRenderer;
import haxe.ui.events.UIEvent;

@:build(haxe.ui.ComponentBuilder.build("assets/my-renderer.xml"))
class MyRenderer extends ItemRenderer {
    public function new() {
        super();
    }    
    
    @:bind(theValue, UIEvent.CHANGE)
    private function onValue(_) {
        var n = Std.parseInt(theValue.text);
        if (n % 2 != 0) {
            theError.text = "Its not divisible by 2!";
            theError.show();
        } else {
            theError.hide();
        }
    }
}
  • b
    module.xml:
  • b
    Copy code
    xml
<module>
    <components>
        <component package="custom" />
    </components>
</module>
  • b
    but as i said, there is something off, they seem to interfere with each other, but thats a bug for another day 🙂
  • h
    Very cool. I'll see what I can make with this approach. Thanx
  • b
    cool - you'll likely hit the bug im talking about, but ill fix it when i get a moment - probably something dumb (though not as dumb as 
    if (text == textfield.placeholder) text = ""
    😄 )
  • b
    OK, should be fixed now
  • b
    revised itemrenderer also:
  • b
    Copy code
    haxe
@:build(haxe.ui.ComponentBuilder.build("assets/my-renderer.xml"))
class MyRenderer extends ItemRenderer {
    public function new() {
        super();
    }    
    
    @:bind(theValue, UIEvent.CHANGE)
    private function onValue(_) {
        var n = Std.parseInt(theValue.text);
        if (this.data != null) {
            Reflect.setField(this.data, this.id, theValue.text);
            onDataChanged(this.data);
        }
        if (n % 2 != 0) {
            theError.text = "Its not divisible by 2!";
            theError.show();
        } else {
            theError.hide();
        }
    }
    
    private override function onDataChanged(data:Dynamic) {
        super.onDataChanged(data);
        theValue.text = Std.string(Reflect.field(data, this.id));
    }
}
  • b
    (id like to make this a little more automatic in the future, but need to think about it a little)
  • h
    Very cool. Many thanx
  • b
    ive also added an "invalid-value" style for text inputs (which already existed for steppers):
1...115411551156...1687Latest