All Answers

Hi Cris,

The extenders (tooltips, bubbles, errorprovider, etc.) javascript code is also bundled in wisej.js and minified when not in debug mode.

The control’s id cannot be used with getElementById() since the javascript object is not an html element. The wisej widget usually has a content element (this.getContentElement()) that wraps a “fastdom” set of classes that are in turn rendered into html elements: this.getContentElement().getDomElement() returns the actuall html element if it has been created.

Basically wisej widgets cache any change to their visual appearance and flush it at once. If the code changes the location or size or color of a widget 100 times, it is rendered only once when flushed to the dom. That’s the FastDom technique.

Here are some ways to retrieve a widget from the id and from the dom:

If you  have an html element that belongs to a widget:

var widget = wisej.utils.Widget.findWisejComponent(element);

or

var widget = qx.ui.core.Widget.getWidgetByElement(element);

The difference between the two is that the first always returns the wisej widget while the second may return an inner child qooxdoo widget used in a more complex composite wisej widget.

If you have a control id:

var widget = Wisej.Core.getComponent(id);

You can get the id of a control like this:

string id = ((IWisejControl)this.textBox1).Id;

or

string id = "id_" + this.textBox1.Handle;

HTH

Best,

Luca

I suppose you mean to call

this.Eval(“this.getChildControl(\”textfield\”).setReadOnly(true);”);

At least this is what I did and it works beautifully! Thanks for that! It’s incredible how flexible Wisej is!

Before seeing your answer, I tried to reset the ComboBox datasource to just one item, the one I wanted to show in the textbox (so that it would be in the list and DropDownList mode would let me select it as this.Text). However, I got into a loop since I was resetting the datasource, which also changes the ListBox items etc.

The ReadOnly property is I believe the right approach, but at the moment I’m happy with your workaround.

Best,
Alex

Awesome. Found a bug: In details view, changing ListView.SelectedIndex programmatically does not fire the ListView.SelectedIndexChanged event.

A workaround is to call the event manually:

lvConfigTypes.SelectedIndex=0
lvConfigTypes_SelectedIndexChanged(Me, Nothing)

Hi Luca,

Yes! It works.

Just wondering how “blur” event should behave and I do not know if this is a Javascript, Wisej or my problem.
I have 2 textboxes in a form and in Javascript property, I put a code in the first textbox as:
this.addListener(“blur”, function(){
debugger;
alert(“Hello Wisej”);
});

Above event doesn’t fire when I it shifts focus to the second textbox using a tab key. Mouse click in second textbox doesn’t work either. But it works when I click in the form/window itself.

Thanks.

Hi Frank,

Great updated example.

I get a ‘WidgetError: No such property: webMethods’ when each control is rendered on the form in design mode. I fixed it by declaring a ‘webMethods’ property in the control’s .js file (webMethods: {}) or by NOT executing the ‘config.webMethods = new [] {“TestCallback”}’ line if in design mode: (if (!this.DesignMode) config.webMethods = new [] {“TestCallback”};). Which way is the ‘correct’ way to fix? Or maybe it needs to be fixed by you internally?

Thanks,
Robin.

David,

both enhancements are included in the latest build (1.3.14).

Best regards
Frank

Hi Nic, Hi Jim,

you can find a new extension for the TinyEditor (TinyMCE will follow later) in our download section.

Find a sample using it here:

http://wisej.s3.amazonaws.com/support/attachments/Wisej.TinyEditor.zip

Best regards
Frank

Thanks Andrew,

Build 1.3.14 and the updated sample download fixes this problem.

Best regards
Frank

Hi Ewan,

sorry for the delay.

Find a revised version of your sample here:

http://wisej.s3.amazonaws.com/support/attachments/Wisej.ClickToAddress.zip

Try using it with parameters #Page1, #Page2 to your URL.

Please make sure to upgrade to the latest wisej build first (1.3.14).

Best regards
Frank

Good catch, Robin 🙂

Please find here an updated sample that uses the technique described in the docs.

http://wisej.s3.amazonaws.com/support/attachments/Wisej.SubclassExistingControl.zip

Please make sure to update to the latest build (1.3.14).

Best regards
Frank

Thanks Cris!

I re-read the doc and missed the part at the bottom of the page where you need to manually register any web methods for sub-classed items in OnWebRender.

Robin.

protected override void OnWebRender(dynamic config)
{
base.OnWebRender((object)config);

// change the class name.
config.className = “myapp.TextBox”;

// send the additional properties.
config.selectAllMatch = this.SelectAllMatch;

//Manually register any web methods.
config.webMethods = new[] { “CallMe” };

}

Hi Robin,

Try https://wisej.com/support/question/htmlpanel-get-click as an alternate solution.

Hope this helps.

Hi Luca,

Yes, I understand that… However, I am looking for a combobox where the text is not one of the dropdown list values and at the same time the user cannot edit the text … that’s why I was trying the DropDownList option where the user cannot edit. What I am really looking for is a kind of ReadOnly property.

Best,
Alex