Link

Ссылка.

Extends

Button

Syntax

new Link(parent)

Parameters

Name	Type	Description
parent	Element	Родительский элемент

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"
  }
}