j-RawEditable

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

j-RawEditable е прост компонент с голяма скрита функционалност.

Конфигуриране:

type {String} Опционално, може да се email, phone, zip, date, time, url, number, search, lower, upper или празен (дефолт)
formatting {Boolean} дава възможност за форматиране на смело, италианско и т.н., по подразбиране: false
required {Boolean} опционално, позволява "необходимо" (дефолт: false)
placeholder {String} опционално, добавя текст на placeholder към входа
maxlength {Number} опционално, определяне на максимална дължина на кабелите (предварително: 200)
minlength {Number} опция, определя минимална дължина на камионите
minvalue {Number} опция, минимална стойност за тип number
maxvalue {Number} опция, максимална стойност за тип number
validate {String} опция, условие за валидиране на стойността, може да съдържа връзка към function(value) или !!value.match(/[a-z]+/)
format {String} Опционално, изходни форматиране и т.н. date Типът е: yyyy-MM-ddЗа time Типът е: HH:mmЗа number Можете да определите максималните десетилетия.
disabled {Boolean} опционално, деактивира този компонент
autocomplete {String} е опционален, трябва да съдържа връзка към функция, се излъчва на focus събитие
spaces {Boolean} е опционален, позволява пространства в противен случай те се отстраняват (предварително: true)
autosource {String} е пътят към функцията search в autocomplete, function(search, render(arr))
autovalue {String} е свойствен път за стойността в autosource, по подразбиране: name
autoexec {String} Методът на function(item, next(value_to_input))
forcevalidation {Boolean} позволява валидиране на сила за phone и email (предварително: true)
monospace {Boolean} активира monospaced шрифт (дефолт: false)
enter {String} е връзка към function(val, com) - оценява се, когато потребителят натисне

Използвайте го с <ui-component name="raweditable">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

example.html

<b>Type something</b>: <span><ui-component name="raweditable" path="form.name" config="placeholder:Placeholder" style="position:relative;display:inline-block;min-width:80px;height:24px;line-height:20px;border:2px solid blue;padding:0 5px"></ui-component></span>

<script>
	var form = { name: 'Peter' };
</script>