User panel API of the hosting platform exposes several methods in the aps.apsc
namespace
that application views can call.
In this document:
The following are the methods that application views can call to process object status.
METHOD |
ARGUMENTS |
DESCRIPTION |
---|---|---|
|
control - enum:
"cancel" or "submit" properties - object
|
Allows changing some properties of the |
|
|
User panel releases the current view or button from the |
|
|
Hides the loading status of the current view from the screen. The |
|
|
Shows the loading status on the screen. |
The following are the methods that application views call to manage messages displayed on top of the screen.
METHOD |
ARGUMENTS |
DESCRIPTION |
---|---|---|
|
{
"id": <string>,"description": <text>,"type": <enum string>,}
|
Creates a new message with an assigned |
|
ID - string |
Removes the message according to the specified ID. |
|
|
Removes all messages from the screen. |
Note
The methods can be effectively used by a hidden IFrame. For example, a wizard
can print out a message on the screen where currently another IFrame
is visualized (a view plugged into the wizard). The type
argument defines a CSS class that will be applied
to the message. The type
values are the same as used in aps/Message.
Display two messages:
aps.apsc.displayMessage({"id":"text-1","description":"Attention. Text of the test message 1","type":"warning"});
aps.apsc.displayMessage({"id":"text-2","description":"Info. Text of the test message 2","type":"info"});
Remove the first message:
aps.apsc.removeMessage("text-1");
Remove all messages:
aps.apsc.removeAllMessages();
externalHttpRequest
¶The method allows an application UI view to send an HTTP request from its parent DOM node.
If this is a GET request to open a new page, the latter will appear in the parent DOM node, and the current view
will be closed.
The method accepts on its input a set of named parameters, that is aps.apsc.externalHttpRequest({<params>})
, where
<params> is a named set of the following arguments:
method
is an optional argument that specifies a verb in the HTTP request. The default value is ‘GET’ and another
option is ‘POST’. For example:
"method": "POST"
action
is a URL address, for example:
"action": "https://aps.test/action/"
data
is an optional set of parameters to be sent in the body of the HTTP request. For example:
"data": {"name": "John Smith", "view": "Gallery"}
This is a simple view code demonstrating the externalHttpRequest
method:
define(["aps/View"],
function(View) {
return declare(View, {
init: function() {
return ["aps/Container", [
["aps/Button", {
title: "View APS SDK Documentation",
onClick: function() {
aps.apsc.externalHttpRequest({
'method': 'GET',
'action': 'https://doc.apsstandard.org'
});
this.cancel();
}
}]
]];
}
})
});
Note
externalHttpRequest
is the recommended method for a custom view to redirect a user to an external system
and open a new view generated by that system in the browser.
Warning
The other ways of reaching the parent DOM node in order to send an HTTP request to an external service from
that node and, particularly, opening an external view in the parent node are considered insecure. For example,
the third line in the following code tries to reach the window.top
node. This is insecure operation and thus
the whole code is NOT allowed:
var form = document.createElement('form');
form.setAttribute('action', 'some/url');
window.top.document.body.appendChild(form);
form.submit();
gotoView
¶The main navigation method is aps.apsc.gotoView(view,resourceId,params)
. It allows navigating directly to
the specified view inside the current application. The method accepts the following arguments.
view
can specify the destination view in one of the following ways:
Directly - it equals the ID of the destination view
Indirectly through a resource - it presents a special object with the following structure:
{ "viewId": "viewId", "resourceId": "resourceId" }In this case, the view, specified by the view ID, will be searched inside the package where the resource with the specified resource ID is located.
resourceID
is an optional argument. It is the ID of a resource that will be passed into the destination view.
params
is an optional list of parameters generally described as:
{
<param1_name>: <parameter value>,
<param2_name>: <parameter value>,
...
}
The list of parameters is declared in metadata along with declaration of the view, for example:
<view id="myView1">
<params spec="version=ge=2.1">
<param name="myParam1" required="true" type="boolean" />
<param name="myParam2" required="false" type="string" />
</params>
</view>
In a <param> element, you can use the following attributes similar to those used in APS type properties:
ATTRIBUTE |
Type |
Default |
Required |
Description |
---|---|---|---|---|
|
String |
undefined |
yes |
Identifies a parameter in the list of parameters sent to a view. In the above example, the parameter names are shown as <param1_name> and <param2_name>. Parameter name MUST NOT start with “__” (double underscore). |
|
String |
undefined |
yes |
Any JSON primitive, array, APS type ID, or APS structure. |
|
Boolean |
false |
|
If a parameter is required, but not passed in the |
|
String enum: “date-time” | “date” | “time” | “uri” | “email” | “ipv4” | “ipv6” | “ip-address” | “domain-name” | “host-name” | “version” | “regex” |
undefined |
|
Specifies the content format |
|
Regular expression |
undefined |
|
Specifies a regular expression that the parameter value must match. If it is specified, the |
|
Non-negative integer |
undefined |
|
Sets the minimum length threshold for the string value, when the |
|
Non-negative integer |
undefined |
|
Sets the maximum length threshold for the string value, when the |
|
Non-negative integer |
undefined |
|
Sets the minimum number of elements in the array, when the |
|
Non-negative integer |
undefined |
|
Sets the minimum number of elements in the array, when the |
|
Boolean |
undefined |
|
Indicates that all items in an array instance must be unique, that is the array does not contain two identical (equal) values. |
|
Matches the |
undefined |
|
Specifies a default value for the property |
The destination view gets the passed parameters in the aps.context.params
object.