HtmlPanel get click

Welcome to Wisej Support.
Questions, suggestions and plain old bugs - are all welcome here!
0
0

Hi

how can I catch a button click from html/javascript inside a htmlpanel

  • You must to post comments
0
0

The code is correct, but you don’t have a MainPage. You have an instance of Window1 which is accessible as App.Window1.

In case your app creates multiple Window1 objects, then the App.member becomes an array.

See http://wisej.com/docs/html/JavaScriptObjectModel.htm

Best,

Luca

  • Luca (ITG)
    I forgot to add that if you need to register a global web method not related to a specific window or page, simply add a public static WebMethod to your Program.cs class. You will find it on the client side registered under App: i.e. App.YourMethod(…). To retrieve a particular window when running in t he static WebMethod use the Application.OpenForms or Application.OpenPages collections or the global list of controls at Application.FindComponent(Predicate match) that will find any component that matches the LINQ expression.
  • You must to post comments
0
0

Hi Luca
ok that looks fine, but what I have to do, is a little bit different.

Please have a look on the demo project attached, to see what I tried:
I have plain html , which I show in the HtmlPanel. On a table element i have a click event, which calls a java script, that I put in Default.htm. This script is invoked, but my callback in this script to the server App.MainPage.PreviewEditAction not invoked

Chrome says

(index):12 Uncaught TypeError: Cannot read property ‘PreviewEditAction’ of undefined(…)

So how must the server callback look like?

Attachment
  • You must to post comments
0
0

See attached sample. Shows how to add javascript to any control and how to call back the server from the client.

It’s very simple. Open the page in design mode, select the button and  in the property grid you will find two new properties (added when dropping the JavaScript extender from the toolbox) JavaScript and JavaScriptSource. They are the same, one allows you to edit the javascript in place, the other lets you select a js file.

The code in the same is like this:

this.addListener("click", function(){

   alert(\"Hello from JavaScript!\");
   App.MainPage.CallbackTheServer("Hello from JavaScript!");

});

You can find the list of events here: http://www.qooxdoo.org/current/apiviewer/#qx

And more help here: http://wisej.com/docs/html/JavaScript.htm and here: http://wisej.com/docs/html/JavaScriptObjectModel.htm

Best,

Luca

 

  • You must to post comments
Showing 3 results
Your Answer
Post as a guest by filling out the fields below or if you already have an account.
Name*
E-mail*
Attachment
File Name Size
There are currently no files uploaded.
Maximum number of files 5, maximum file size 3.9MB.
Supported file formats: zip pdf gif jpg bmp png cs vb theme json