how can I execute OnChange of a sibling UIElement

I have a custom dialog with a button and an input on it. On the click event of the button I want to trigger the OnChange function of the input. I don't know how to get the sibling UIElement of the current one.

Here is an example of my code:

{
    id : 'txtUrl',
    type : 'text',
    label : 'My input',
    onChange : function() {
      alert('content changed')
    }
}
{
    type : 'button',
    align : 'center',
    label : 'My Button',
    onClick : function() {
      // execute the input.onChange()
      ?????
    }
}

Thanks in advance for your help

Thu, 12/01/2011 - 21:47

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: how can I execute OnChange of a sibling UIElement

The easiest solution is to put that code in a global function (ok, not global better under a self-executing anonymous function but those are just details) and call that function from both events.

otherwise, you would need to get the other UIelement from the dialog and fire a change event on it

Thu, 12/01/2011 - 23:43

givius

Joined: 01/12/2011

Posts: 4

Re: how can I execute OnChange of a sibling UIElement

Actually, thats a great idea, but unfortunately I have added a custom button into the Image Dialog, which has an input for the URL, I am changing the input value through javascript, and the preview image isn't "refreshing", I can see that the preview image gets refresh on the onChange event of that UIElement, thats why I want to trigger that function.
If you know other way to handle that problem, I will appreciate your advice. Thanks

Fri, 12/02/2011 - 09:13

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: how can I execute OnChange of a sibling UIElement

If you update the text field using the API then it will automatically fire its onChange handler.

Fri, 12/02/2011 - 17:08

givius

Joined: 01/12/2011

Posts: 4

Re: how can I execute OnChange of a sibling UIElement

but to use the API I need to get the UIElement, right?, I'm not to familiar with the API, I tried different approaches to get the UIElement through the Button UIElement, that changes the input value, but, doesn't fire the onChange envent. this is how my code looks:

{
    id : 'txtUrl',
    type : 'text',
    label : 'My input',
    onChange : function() {
      alert('content changed')
    }
}
{
    type : 'button',
    align : 'center',
    label : 'My Button',
    onClick : function() {
        this.getElement().getParent().getParent().getFirst().getLast().getLast().getFirst().getFirst().setValue('my URL');
    }
}

I can see my code is not retrieving the UIElement, I think it only retrieves a DOM object; I wonder if there is a way to get the input's UIElement using the id 'txtUrl, or by using the UIElement of the button'.

thanks for your help.

Fri, 12/02/2011 - 19:18

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: how can I execute OnChange of a sibling UIElement

that's really complex.

the proper way (untested) is more along this lines:

this.getDialog().setValueOf("info", "txtUrl", newValue)

Fri, 12/02/2011 - 19:38

givius

Joined: 01/12/2011

Posts: 4

Re: how can I execute OnChange of a sibling UIElement

works like a charm!!! thanks a lot