www.usoft.com To www.usoft.com

- - Knowledge base
Ideas
Events

Community
Search

Topics started by Patrick Camphuijsen

267 Topics

Recently active

Most views Most replies

Patrick Camphuijsen

published in UI Library

Handlebars

This article covers handlebars as a way of getting USoft UI controls from jQuery expressions. This is part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.USoft Web Designer uses handlebars to create HTML within its class factories. Documentation on Handlebars can be found on http://handlebarsjs.com.A GUI element normally consists of three parts:HTML CSS JavaScriptThe HTML of a GUI element is described in a factory using a technology called handlebars. A compiled handlebar definition is stored in the template member of a factory object and is a function that, when called, returns a string that can be converted into HTML:<div {{attr "*"}} />It is possible to add extra functionality to the handlebar library. This is done by registering new 'helpers':Handlebars.registerHelper('name', function(items,

Patrick Camphuijsen

published in UDB udb

$.udb.navigateTo()

This article is about the navigateTo() function of the udb object.$.udb.navigateTo()Navigates to a different page.Returns a Promise object or the 'this' object. From USoft 10.0.1I, returns a udbPromise instead of a Promise object.If you navigate away from a page, asynchronous operations are in risk of being annulled if they do not return a promise (as opposed to just executing with an undefined result). For a full discussion of this risk, click here.Syntax .navigateTo( page, options )options ::= { targetFrame: target-frame, applyChanges: apply-changes, newPage: new-page, quiet: quiet, promise: promise, success: success-function, error: error-function}apply-changes ::= { true | false }new-page ::= { true | false }quiet ::= { true | false }promise ::= { true | false }The required page is a string that identifies the page being navigated to.Options is a struct that can have the following items, all of which are optional.Target

Patrick Camphuijsen

published in UDB Events

dataset

The dataset event may be called from web pages developed in Web Designer and processed by a USoft page engine service.Event Applies to Occurs when dataset Page objects When data is received for any data source in the page. dataset Data source objects When data is received for the data source. At the time when data is received, you can address the retrieved values, but no retrieved row has been designated as the “current row” as yet.How to useFind or create an Event Listener object with Event Type = dataset. Event Listeners are in the Web Designer Controls catalog:Insert the event listener into the page or data source object. Insert a callClientScript action into the event listener. Use this action's Script property to code the behaviour that you want to see when the event occurs.Examplealert(this.rows().length+" records queried");where, assuming the dataset event occurs at data source level, this is the data source object.You are implicitly associating the event with an

Patrick Camphuijsen

published in UDB Events

colpostupdate

This article is about the colpostupdate UDB event handler.colpostupdateThe colpostupdate event may be called from web pages developed in Web Designer and processed by a USoft page engine service.Event Applies to Occurs when colpostupdate Data source objects After a value in a column is updated * * Whether the value is updated manually or by looking up a (new) value from a dropdown list.PurposeYou can use this event to supplement a user UPDATE with follow-on actions based on the result of the update (the new values). How to useFind or create an Event Listener object with Event Type = beforecheckdata. Event Listeners are in the Web Designer Controls catalog:Insert the event listener into the data source object. Insert a callClientScript action into the event listener. Use this action's Script property to code the behaviour that you want to see when the event occurs. A typical pattern is to specify the condition under which you want to manipulate the user input, and then

Patrick Camphuijsen

published in UDB Events

colpreupdate

This article is about the colpreupdate UDB event handler.colpreupdateThe colpreupdate event may be called from web pages developed in Web Designer and processed by a USoft page engine service.Event Applies to Occurs when colpreupdate Data source objects Before a value in a column is updated * * Whether the value is updated manually or by looking up a (new) value from a dropdown list.PurposeYou can use the colpreupdate event to manipulate programmatically a value that a user supplied manually for update.How to useFind or create an Event Listener object with Event Type = colpreupdate. Event Listeners are in the Web Designer Controls catalog:Insert the event listener into the data source object. Insert a callClientScript action into the event listener. Use this action's Script property to code the behaviour that you want to see when the event occurs. A typical pattern is to specify the condition under which you want to manipulate the user input, and then to specify how yo

Patrick Camphuijsen

published in UDB udb

$.udb.executeSQLStatement()

This article is about the executeSQLStatement() function of the udb object.$.udb.executeSQLStatement()Executes a SQL statement.On USoft 10, do not use this technique for queries. For queries, prefer a SQLDataSource object that you access like so:$.udb('MySQLDataSource').executeQuery()Returns a Promise object or the 'this' object. From USoft 10.0.1I, returns a udbPromise instead of a Promise object.In the case of queries, does not return record result values. You can "catch” the result values in a SQLDataSource (USoft 10) or in a VariableSetDataSource (USoft 9, see USoft 9 alternative to SQLDataSource).Make sure this function returns the promise instead of just executing with an undefined result. Otherwise, further operations may not wait until it completes. For a full discussion, click here.Syntax.executeSQLStatement( sql-statement, options )options ::= { hostvars: hostvars, waitState: wait-state, promise: promise, success: success-function, error: error-function}

Patrick Camphuijsen

published in UDB Events

renderrow

This article is about the renderrow UDB event handler.renderrowThe renderrow event may be called from web pages developed in Web Designer and processed by a USoft page engine service.Event Applies to Occurs when renderrow Multi-record UI controls After the GUI realisation of the HTML for the row has been completed This event applies to multi-record UI controls only. For single-record UI controls, use the afterrender event instead.How to useFind or create an Event Listener object with Event Type = renderrow. Event Listeners are in the Web Designer Controls catalog:Insert the event listener into the Page object. Insert a callClientScript action into the event listener. Use this action's Script property to code the behaviour that you want to see when the event occurs.

Patrick Camphuijsen

published in UDB Events

beforeexecutequery

This article is about the beforeexecutequery UDB event handler.beforeexecutequeryThe beforeexecutequery event may be called from web pages developed in Web Designer and processed by a USoft page engine service.Event Applies to Occurs when beforeexecutequery Data source objects Before the data source is queried PurposeYou can use the beforeexecutequery event to supply additional query conditions, to alter query conditions, or to enforce restrictively that the user supplies certain query conditions.How to useFind or create an Event Listener object with Event Type = beforeexecutequery. Event Listeners are in the Web Designer Controls catalog:Insert the event listener into the data source object. Insert a callClientScript action into the event listener. Use this action's Script property to code the behaviour that you want to see when the event occurs. For example, for restrictive action, a typical pattern is to specify the condition under which you want the query to be pre

Patrick Camphuijsen

published in UDB Rowset

Rowset.sort()

This article is about the sort() function of the Rowset object.Rowset.sort()Sorts the rows in a rowset.Returns the 'this' object.Syntaxrow-set.sort( target )target ::= { client | server | auto }The optional target is a string that determines where the sorting should take place. Possible values are 'client', 'server' or 'auto' (the default). The 'auto' value sorts on the server except when, for one of the columns, a user-defined sorting function has been specified. In that case the sorting is done on the client.Example$.udb('EMP').rowset('current').sort();

Patrick Camphuijsen

published in Testing your web application with USoft Web Benchmark

Managing Web Benchmark tests

You can manage recorded tests by clicking Manage tests:To make tests easier to manage, you can group related tests by placing them in a test suite. In Web Benchmark, each test is always in exactly 1 test suite. Test suites are a simple grouping mechanism that allows you to apply the same operation to all the tests in a test suite.Clearing the repositoryYou can delete all user-defined tests and test suites, leaving only the system-defined "Default" test suite. To clear the repository:1. Press the "Clear repository" button at the top of the screen. Importing from fileYou can import tests and test suites that you have stored on file earlier. To import from file:1. Press the "Import From file" button at the top of the screen. Exporting the repository to fileYou can export the entire repository of tests and test suites to file. The entire repository is exported, regardless of any selection you may have made in the screen. The file can later be re-imported using the Import From File button.

Patrick Camphuijsen

published in UI Library

Field validation

This article covers field validators as a way of getting early user feedback. This is part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.Field validation is attractive for for early user feedback. USoft has field validation built in by default. An adjusted version of the jQuery validator plug-in is incorporated (jquery.validate.js) to facilitate this. The plug-in comes with a default set of validators. The entire control is well documented at http://jqueryvalidation.org/documentation/.USoft provides an additional set of validators that can be found in the usoft.ui.validator.js file:Validator Explanation pattern Allows a field value to be validated against a regular expression. biccode Checks that the field value is a valid BIC code. iban Checks that the field value is a valid IBAN code. ud

Patrick Camphuijsen

published in UI Library

USoft controls from jQuery: Render()

This article covers Render() as a way of adding functionality to USoft UI controls. This is part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine. Once the HTML for a control has been created, you can add functionality to the control, such as adding event handlers and instantiating child controls, etc.For this purpose, each control exposes a Render() function.Syntaxcontrol.Render( $target, propsChild, master)$target refers to a jQuery container that contains the element that is the parent for the control to create. propsChild contains additional property settings that are adduced by the parent control. master refers to the control definition of the master.The Render() function must return a jQuery object containing the newly created control.

Patrick Camphuijsen

published in UI Library

transform()

This article covers the transform() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The transform() function converts a string of handlebar pseudo-code to HTML that can be translated. This can be convenient in client scripts.Syntax$.udb.ui.transform( handlebar-pseudo-code )Examplevar s = $.udb.ui.transform("<label>{{'Example'}}</label>");A possible output of this example is:<label> <script class="lang-start" type="text/html">Example</script> Voorbeeld <script class="lang-end" type="text/html"/></label>See also getLanguage() and setLanguage().

Patrick Camphuijsen

published in UI Library

setLanguage()

This article covers the setLanguage() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The setLanguage() function sets the current language. This is the language that is sent to the Rules Service on every request.Also translates all the possible strings in the DOM for which it has a translation.Syntax$.udb.ui.setLanguage( { language | language, $target } )You must pass a single parameter which is either language by itself or an expression with $target.Language is the language code defined in USoft Definer, which is preferably an ISO 639-1 language code such as "en" or "nl".The optional $target has a required first character which is the '$' symbol. It is a jQuery expression referring to the part of the DOM that must be translated into language. $target provides the context or the part of

Patrick Camphuijsen

published in UI Library

getLanguage()

This article covers the getLanguage() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The getLanguage() function returns the current language. This is the language that is sent to the Rules Service on every request.Syntax$.udb.ui.getLanguage()Examplevar l = $.udb.ui.getLanguage();A possible output of this example is:"en"See also setLanguage() and transform().

Patrick Camphuijsen

published in UI Library

usdatepicker()

This article covers the usdatepicker() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The usdatepicker() function is a framework-independent function. It creates a third-party date-time picker as an accompaniment to an input element. This date picker makes it easy to pick a date value, a time value, or a date-time value for the input element:The date picker is created in a framework-independent fashion. It automatically uses the current framework's styling classes. The HTML needed for displaying the date picker is generated. This HTML may also be destroyed, if necessary.Returns the HTML input element for which the datepicker is displayed.Syntax .usdatepicker( command ).usdatepicker( options )command ::= { "show" | "hide" | "destroy" }options ::= { format: moment-js-io-format, forma

Patrick Camphuijsen

published in UI Library

ustabs()

This article covers the ustabs() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The ustabs() function is a framework-independent function. It creates a framework-independent 'tab control' on the basis of a UL element containing LI elements. A tab control shows one panel at a time, depending on which tab was last clicked on (the "active" tab):The individual panels are represented by DIV elements that have an id attribute. Each panel contains an A element with a href attribute that corresponds with the id of the panel. The entire construct (the UL list and all the DIV elements) is contained within the HTML element on which the .ustabs() function executes.Returns the HTML element.Syntax .ustabs( command, tablist ).ustabs( "destroy" ).ustabs( options )command ::= { "enable" | "dis

Patrick Camphuijsen

published in UI Library

usmenu()

This article covers the usmenu() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The usmenu() function is a framework-independent function. It creates a framework-independent, horizontally oriented dropdown menu on the basis of an HTML structure consisting of (nested) UL and LI elements into a horizontally oriented dropdown menu:Returns the HTML element containing the menu items.The base HTML must have the following format:<ul class="us-menu"> <li class="us-menuline"><a>Home</a></li> <li class="us-menuline"><a>Companies</a></li> <li class="us-menuline"><a>Customers</a> <ul class="us-menu"> <li class="us-menuline"><a>New Customer...</a></li> <li c

Patrick Camphuijsen

published in UI Library

usgroup()

This article covers the usgroup() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The usgroup() function is a framework-independent function. It creates a bordered box with a header text in a framework-independent fashion:Returns the HTML element.Syntax.usgroup( options )options ::= { header: header-text }Options is an optional struct that can have the following items, all of which are optional.Header-text is a string value that contains the header text displayed across the top of the bordered box. Header-text may contain HTML instead of just plain text.Examplevar $singleRecord = $('SingleRecordResultGroup');$singleRecord.usgroup({header: "Record details"});

Patrick Camphuijsen

published in UI Library

usdialog()

This article covers the usdialog() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine..usdialog()The usdialog() function is a framework-independent function. It creates a dialog overlay on a current page in a framework-independent fashion.You can apply this function to turn practically anything into a dialog window. This function allows you to style and control all elements of the dialog precisely.Prefer $.udb.dialog() if you want to produce a simple interactive message.The .usdialog() function can be called in two ways:On an HTML element that has no specific dialog markup at all. In this case, the HTML element becomes the dialog body and all other elements are generated around it, to properly display a dialog. For most circumstances, this is the proper way to show a dialog. Dialog title a

Patrick Camphuijsen

published in UI Library

usbuttonset()

This article covers the usbuttonset() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The usbuttonset() function is a framework-independent function. It creates a group of buttons that act as "radio buttons" in a framework-independent fashion. Only a single button in the group may be selected (or: active) at any one time:The selected button determines the value attributed to the group as a whole. The group may appear in disabled state: in this state, none of the buttons can be selected.This function does not "transform" the HTML element on which it executes; rather, it generates the elements needed to realise the radio button group. The generated elements are quite framework-specific: for Bootstrap frameworks, a number of button elements is generated and added to the HTML element on whi

Patrick Camphuijsen

published in UI Library

usbutton()

This article covers the usbutton() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.The usbutton() function is a framework-independent function.Framework-independent functionsWhy USoft framework-independent functions?Creating something like a button control directly out of a HTML string does not automatically style it the same way as a button generated by a button control in a framework you are using, nor will it always behave the same way. Of course, adding the appropriate classes and event types would solve that, but when changing to a different framework you will have to change all these class names and even types. Moreover, some frameworks behave completely differently than others, with different HTML elements that are needed, and even different framework-specific events.The syntax o

Patrick Camphuijsen

published in UI Library

setEvents()

This article covers the setEvents() function as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine. To make sure events on a control are triggered in the right order, an abstraction layer has been build. In some situations this layer essential for the proper behavior of the application. For example, if a button is added to each row of a grid, it is essential that clicking the button first changes the current row before firing the actual click event of the button.In addition, the layer takes care of the following issues:Making sure that the right context is used (see Web Architecture document). Redirecting certain events to the udb layer Serving as entry point for benchmark to be able to record testsTo access this layer, call the .setEvents() function. This function returns nothing.Syntax .setEvents( e

Patrick Camphuijsen

published in UI Library

Factories

This article covers factories as part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.FactoriesGUI elements are created by factories. Every GUI element has its own factory. A factory is a JavaScript object that must at least have some mandatory members. Factories can be derived from other factories. There is one abstract factory that is the superclass of all factories: Control. The Control factory is defined in the file usoft.ui.js. The Control factory provides the foundation for control creation.The factories for all other GUI elements are defined in the file usoft.ui.controls.js. There is no need but it is also not desired to alter the file usoft.ui.controls.js. Changes or new factory definitions can be written in a new JavaScript file and/or the CustScript.js file.registerControl()To alter an existin

Patrick Camphuijsen

published in UI Library

USoft controls from jQuery: udbControl()

This article covers udbControl() as a way of getting USoft UI controls from jQuery expressions. This is part of the UI Library.The UI Library is a mixed bag of Javascript extensions for programming UI controls in USoft web pages. Do not confuse with the structured UDB object model for data exchange between USoft web pages and a Rules Engine.From a jQuery expression that selects elements, you can get the USoft UI control object associated with the selected HTML element by calling the udbControl() function.Not all objects selectable through a jQuery expression objects have a USoft UI control object associated with it: objects may alternatively be associated with custom or dynamic HTML elements inserted in the page, or they may correspond to HTML elements that are child elements of a USoft UI control object.To find out if an HTML element has a USoft UI control associated with it, check if it has a class named by the concatenation of the letters "ui" and the name of the control. For a butt

1
2
3
4
...
11

Page 1 / 11

Badge winners

Rens Kersbergenhas earned the badge Explorer
rene.de.bruinhas earned the badge Explorer
rene.de.bruinhas earned the badge Scout
Janhas earned the badge Explorer
kesselringjhas earned the badge Explorer

Show all badges

Powered by Gainsight

Terms & Conditions Cookie settings

Sign up for the USoft Community

Already have an account? Login

Username *

E-mail address *

First name *

Last name *

Company

Password *

I accept the terms & conditions

loginBox.register.email_repeat

Login into the USoft Community

No account yet? Create an account

Username or Email

Password

Remember me

Forgot password?

Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.

Username or e-mail

Back to overview

Scanning file for viruses.

Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.

OK

This file cannot be downloaded

Sorry, our virus scanner detected that this file isn't safe to download.

OK

CONTACT

USoft B.V.
IJsselmeerweg 1
1411 AA Naarden
The Netherlands

+31 (0)35 699 0699
info@usoft.com
www.usoft.com

© Copyright 2024 Privacy Policy

EXPLORE MORE

About USoft
Working at USoft
Success stories