Jump to main content Jump to doc navigation

MODx.Window

Расширяет: Ext.Window

Основные характеристики: Функция перетаскивания; функциональность коннектора для сохранения.

Окна MODExt - это удобный способ отображения данных записи из сетки или AJAX-запроса на редактирование. Окна автоматически включают FormPanel, в которую можно добавлять поля формы (и другие компоненты). Отправка/сохранение окна фактически отправляет FormPanel и инициирует запрос AJAX к вашему коннектору.

Уникальные параметры

Название Описание Значение по умолчанию
action Если baseParams не установлен, будет использовать это как действие для контроллера.
allowDrop Разрешить или нет перетаскивание элементов дерева на поля формы. 1
baseParams Объект параметров для отправки вместе с формой окна при сохранении. {}
blankValues Если true, будет сбрасывать значения формы каждый раз, когда она отображается. 0
cancelBtnText Текст кнопки отмены для окна. Cancel
fields Массив полей для формы, аналогичный определению полей Ext.form.FormPanel. []
fileUpload Если true, форма будет создана с возможностью приема файлов. 0
formFrame Добавлять или нет рамку ext-style в окно. 1
labelAlign Выравнивание надписей на форме. right
labelWidth Ширина в пикселях надписей на форме. 100
record Объект JSON со значениями по умолчанию (в формате name: value) для установки в форму при первой загрузке окна. {}
saveBtnText Текст кнопки сохранения для окна. Save
url URL-адрес коннектора для отправки формы окна.

Пользовательские события

Название Описание
success Если отправка формы возвращает успешный ответ.
failure Если отправка формы возвращает ответ об ошибке.
beforeSubmit Перед тем, как форма отправляет свои значения в коннектор, но после прохождения проверки.

Уникальная функциональность

Запуск метода отправки формы

Вы можете вручную запустить отправку формы окна, запустив метод submit(), который имеет необязательный параметр close (1/0; если 1, закроет окно в случае успеха). Пример:

var w = Ext.getCmp('my-window-id');
w.submit(true); /* отправить и закрыть окно */

setValues

Класс MODx.Window поставляется с методом setValues, который устанавливает значения формы окна:

var w = Ext.getCmp('my-window-id');
w.setValues({
  name: 'Иван'
  ,email: 'my@email.com'
});

reset

Вы можете запустить метод сброса, чтобы очистить (сбросить) все поля в форме:

var w = Ext.getCmp('my-window-id');
w.reset();

Скрытие и отображение полей

MODx.Window поставляется с несколькими вспомогательными методами для создания полей в своих формах видимыми или скрытыми

var w = Ext.getCmp('my-window-id');
w.hideField('email');
w.showField('comments');

Смотрите также

  1. Объект MODExt MODx
  2. Учебник по MODExt
    1. Ext JS - Окна сообщений
    2. Ext JS - Ajax
    3. Ext JS - Анимация
    4. Ext JS - Управление узлами
    5. Ext JS - Панели
    6. Ext JS - Расширенная сетка
    7. Ext JS - Внутри CMP
  3. MODx.combo.ComboBox
  4. MODx.Console
  5. MODx.FormPanel
  6. MODx.grid.Grid
  7. MODx.grid.LocalGrid
  8. MODx.msg
  9. MODx.tree.Tree
  10. MODx.Window

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

  • modmore
  • modmore
  • Jens Wittmann – Gestaltung & Entwicklung
  • Raffy
  • eydolan
  • Digital Penguin
  • Fabian Christen
  • Dannevang Digital
  • deJaya
  • Sepia River Studios
  • Following Sea
  • Anton Tarasov
  • Lefthandmedia
  • Nick Clark
  • Chris Fickling
  • Murray Wood
  • YJ
  • CrewMark
  • Richard

Budget

$305 per month—let's make that $500!

Learn more