TextBox

Пример 13.3. Форма, дополненная полями TextBox и применением темы


Register for Spam
href="http://o.aolcdn.com/dojo/1.1/dojo/resources/dojo.css" />
href="http://o.aolcdn.com/dojo/1.1/dijit/themes/tundra/tundra.css" />
djConfig="parseOnLoad:true",
type="text/javascript"
src="http://o.aolcdn.com/dojo/1.1/dojo/dojo.xd.js">


(body class="tundra")

Just Use the form below to sign-up for our great offers:


method="POST"
onsubmit="javascript:return validate()"
action="http://localhost:8080/register/"> First Name:
trim=true name="first">(br)
Last Name:
trim=true name="last">(br)
Your Email:
length=25 name="email">(br)
(button type="submit")Sign Up!(/button)
(button type="reset")Reset(/button)
(button type="button"
onclick="javascript:help()")Help(/button)

(/body)


Помимо улучшенного внешнего вида диджит TextBox поможет сэкономить около десятка строк программного кода JavaScript.


Конечно, вы можете переопределить точку расширения format, реализовав свою функцию форматирования и присвоив ее атрибуту format. Например, следующая функция форматирования принимает строку и выполняет ЧеРеДоВаНиЕ РеГиСтРа СиМвОлОв:
function mixedCapitalization(value) {
var newValue = "";
var upper = true;
dojo.forEach(value.toLowerCase(), function(x) {
if (upper)
newValue += x.toUpperCase();
else
newValue += x;
upper = !upper;
});
return newValue;
}

Задействовать эту функцию для работы совместно с диджитом TextBox очень просто:
trim=true name="first">
Если при взаимодействии с формой вызвать появление события blur, переместив указатель мыши за ее пределы, можно увидеть, как выполняется это преобразование. Точно так же, как и format, можно переопределить функцию parse, которая стандартизует возвращаемое значение диджита. Одной из типичных операций является преобразование числовых типов в значения типа Number или стандартизация строковых значений..



Оцените статью: (0 голосов)
0 5 0

Статьи из раздела Dojo на эту тему:
Button
CheckBox
ComboBox
ComboButton
CurrencyTextBox

Вернуться в раздел: Dojo / Виджеты форм