UI виджет Property Sheet

Property Sheet - это редактируемый список свойств. Этот компонент можно использовать в визуальных редакторах, которые позволяют изменять внешний вид компонентов и сразу видеть результат.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Примеры интеграции с PHP, Node.js и .NET
  • Поддерживается во всех браузерах (IE8+)
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Вы можете управлять элементами Property Sheet так же, как элементами Form или HTMLForm. Кроме того, этот виджет может отображать комплексные значения.

Редактирование данных

В зависимости от свойства, которое вы хотите изменить, в Property Sheet есть несколько режимов редактирования. Если вы хотите изменить число, используйте обычное текстовое поле для редактирования. Чтобы изменить цвет, откройте палитру Colorboard, из которой вы сможете выбрать нужный цвет.

Нажмите на любое значение, чтобы его отредактировать. Затем нажмите 'Submit'.

Добавление дополнительных редакторов

Вы можете создавать свои редакторы. Например, вместо текстового редактора или редактора с выпадающим списком, вы можете добавить toggle-кнопку, которая будет изменять значение по нажатию на нее.