Link¶
Ссылка.
Methods¶
Name | Description |
---|---|
getHref | Возвращает адрес документа, на который переводит ссылка. |
setHref | Устанавливает адрес документа, на который должна переводить ссылка. |
getTarget | Возвращает режим загрузки документа. |
setTarget | Устанавливает режим загрузки документа. |
Link.metadata¶
Метаданные типа Link.
Properties¶
Name | Type | Default | Description |
---|---|---|---|
Href | String | Object |
“javascript:;” | Адрес документа, на который должна переводить ссылка. |
Target | String |
“self” | Режим загрузки документа. Может принимать следующие значения: ● blank - загружает страницу в новое окно браузера, ● self - загружает страницу в текущее окно, ● parent - загружает cтраницу во фрейм-родитель (если фреймов нет, то работает как self), ● top - отменяет все фреймы и загружает страницу в полном окне браузера (если фреймов нет, то работает как self). |
Href.metadata¶
Name | Type | Description |
---|---|---|
Name* | String |
Название маршрута из InfinniUI.config.routes. |
Params | Array .<Href.paramObject> |
Параметры запроса. |
Query | Array .<Href.paramObject> |
Параметры поиска. |
* Обязательное свойство.
Href.paramObject¶
Name | Type | Description |
---|---|---|
Name* | String |
Название параметра. |
Value* | String | DataBinding |
Значение параметра. |
* Обязательное свойство.
Examples¶
Простая ссылка:
//infinni-ui-demo
{
"Items": [
//infinni-ui-display-begin
{
"Link": {
"Text": "link",
"Href": "http://infinnity.ru/",
"Target": "blank"
}
}
//infinni-ui-display-end
]
}
Рассмотрим случай, когда ссылка должна изменяться в зависимости от неких параметров. Тогда в массив InfinniUI.config.routes необходимо добавить соответсвующий путь. Пусть
window.InfinniUI.config.routes = [
{
Name: "mainPageRouter",
Path: "/publicPages/<% pageName %>/?userId=<% userId %>&date=<% date %>",
Action: "{ routeCallback(context, args) }"
}
];
Определим соответсвующую ссылку
{
"Link": {
"Text": "link",
"Href": {
"Name": "mainPageRouter",
"Params": [
{
"Name": "pageName",
"Value": "patient"
}
],
"Query": [
{
"Name": "date",
"Value": "2016-12-16"
},
{
"Name": "userId",
"Value": {
"Source": "usersDataSource",
"Property": "$.id"
}
}
]
},
"Target": "blank"
}
}