JavaScript DHTML/SmartClient/TextBox
Версия от 13:00, 26 мая 2010; (обсуждение)
Содержание
Enable and disable a textbox by clicking a checkbox
<source lang="html4strict">
<HTML><HEAD>
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT> <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.DynamicForm.create({
width: 300, fields: [ {name: "fullName", type: "text", title: "Full Name", defaultValue: "Billy Bob" }, {name: "licenseAccept", type: "checkbox", title: "I accept the agreement", change: "form.getField("proceed").setDisabled(!value)" }, {name: "proceed", type: "button", title: "Proceed", click: "isc.say("OK")", disabled: true } ]
});
</SCRIPT> </BODY> </HTML>
</source>
Fill default value to text box
<source lang="html4strict">
<HTML><HEAD>
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT> <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.DynamicForm.create({
width: 250, fields: [ {name: "username", title: "Username", type: "text", required: true, defaultValue: "bob" }, {name: "email", title: "Email", required: true, type: "text", defaultValue: "bob@isomorphic.ru" }, {name: "password", title: "Password", required: true, type: "password", validators: [{ type: "matchesField", otherField: "password2", errorMessage: "Passwords do not match" }] }, {name: "password2", required: true, title: "Password again", type: "password" }, {name: "createAccount", title: "Create Account", type: "button", click: "form.validate()" } ]
});
</SCRIPT> </BODY> </HTML>
</source>
Number text field
<source lang="html4strict">
<HTML><HEAD>
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT> <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.DynamicForm.create({
fields: [ {name: "name", title: "Name", type: "text", hint: "Mapped to uppercase", width: 200, characterCasing: "upper" }, {name: "commission", title: "Commission", type: "text", hint: "Numeric only [0-9.]", width: 100, keyPressFilter: "[0-9.]" } ]
});
</SCRIPT> </BODY> </HTML>
</source>
Textbox format hint
<source lang="html4strict">
<HTML><HEAD>
<SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT> <SCRIPT SRC=isomorphic/system/modules/ISC_Calendar.js></SCRIPT> <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</HEAD><BODY BGCOLOR="silver"> <SCRIPT> isc.DynamicForm.create({
fields: [ {name: "fromDate", title: "From", type: "text", hint: "MM/YYYY", width: 70 }, {name: "toDate", title: "To", type: "text", hint: "MM/YYYY", showHintInField: true, width: 70 } ]
});
</SCRIPT>
</BODY>
</HTML>
</source>