https://linen.dev logo
Powered by
# haxe-ui
  • i
    didn't know about the 
    @:bind
    method either so that does the job of teaching well
  • i
    possibly include a 
    otherButton.onClick = function(e) { ... };
    method too?
  • i
    or is that less well-liked than the 
    '@:bind
  • i
    I'm a newbie to this
  • b
    onClick can be used anywhere (its a component level prop) @:bind has to be used in conjunction with a custom view
  • b
    but yeah, ill add all of them
  • b
    Copy code
    xml
<vbox style="padding: 5px;">
    <style>
        .button {
            font-size: 24px;
        }
    </style>
    <hbox>
        <button text="Click Me!" id="button1" style="color: red;" />
        <button text="Click Me!" id="button2" style="color: green;" />
        <button text="Click Me!" onclick="this.text='Thanks!'" style="color: blue;" />
    </hbox>    
</vbox>
  • b
    Copy code
    haxe
package ;

import haxe.ui.containers.VBox;
import haxe.ui.events.MouseEvent;

@:build(haxe.ui.macros.ComponentMacros.build("assets/main-view.xml"))
class MainView extends VBox {
    public function new() {
        super();
        button1.onClick = function(e) {
            button1.text = "Thanks!";
        }
    }
    
    @:bind(button2, MouseEvent.CLICK)
    private function onMyButton(e:MouseEvent) {
        button2.text = "Thanks!";
    }
}
  • b
    ?
  • i
    that's much better than the original at showing how to do it
  • b
    agreed, nice one, thanks 🙂
  • b
    (itll also make it soooo much less effort for me when using the cli for tests, as i have to remove things, add a new class, etc)
  • i
    lol I haven't gotten to the point of making tests for any of my code yet, probably should
  • b
    i meant manual tests to be honest, ie, when i create a test project to try something
  • b
    i use "haxeui create ..." then i have to remove what it created, add a MainView, etc
  • i
    ah I get you
  • b
    at least now im basically "good to go"
  • b
    arguably a nicer "app" on native too:
  • i
    that is good-looking
  • i
    I love getting a native app even if I'm never going to use it
  • b
    well, i dont know about that 😄 But it shows off a few things that just work, right from the outset... so yeah, a better default template all round
  • b
    👍
  • i
    🤜💥🤛
  • c
    Hi Ian, I have a regression with the radios grouping. Just after pulling the latest git an exception was thrown
    Copy code
    js
 Uncaught TypeError: this._initialValues is null
    cacheInitalValue http://localhost:2000/TM_20210326_095134.js:23787
    processGroupChild http://localhost:2000/TM_20210326_095134.js:23767
    childAdd http://localhost:2000/TM_20210326_095134.js:23746
    addComponent http://localhost:2000/TM_20210326_095134.js:23737
    addComponent http://localhost:2000/TM_20210326_095134.js:7431
    Main http://localhost:2000/TM_20210326_095134.js:957
    onload http://localhost:2000/TM_20210326_095134.js:5024
TM_20210326_095134.js:23787:5
    cacheInitalValue http://localhost:2000/TM_20210326_095134.js:23787
    processGroupChild http://localhost:2000/TM_20210326_095134.js:23767
    childAdd http://localhost:2000/TM_20210326_095134.js:23746
    addComponent http://localhost:2000/TM_20210326_095134.js:23737
    addComponent http://localhost:2000/TM_20210326_095134.js:7431
    Main http://localhost:2000/TM_20210326_095134.js:957
    onload http://localhost:2000/TM_20210326_095134.js:5024
    I cannot reproduce it with a minimal example yet. I will try to narro down late r today initializing _initivalues did pass the exception indeed (I don't know the side effect - testing HNTML5 target- so I am not doing a PR ...)
    Copy code
    hx
//Group.hx > private function cacheInitalValue(c:Component)
//...
            if (optionbox.selected == true)
            {
                if (_initialValues == null){
                    _initialValues = new Map<Component, Variant>();
                }
                _initialResets.remove(optionbox.componentGroup);
                _initialValues.set(c, c.value);
            }
  • b
    oh... doh
  • b
    two secs
  • c
    Now that the exception passes the app load correctly but all the radio groups behave as one. Could reproduce (HTML5 target)
    Copy code
    xml
<vbox styleName="topic" id="transaction" width="100%" height="100%">
    <label text="test" height="10%"></label>
    <group id="A" height="5%" layout="horizontal">
        <optionbox id="ya" text="ya" ></optionbox>
        <optionbox id="na" text="na" ></optionbox>
    </group>
    <group id="B" height="5%" layout="horizontal">
        <optionbox id="yb" text="yb" ></optionbox>
        <optionbox id="nb" text="nb" ></optionbox>
    </group>      
</vbox>
  • c
    Will wait 😉
  • b
    ok, fixed
  • b
    whats the gif? Showing its working? Or that something is broken?
1...587588589...1687Latest