JavaScript DHTML/SmartClient/TextBox
Содержание
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>
