dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
83 lines (76 loc) • 2.77 kB
HTML
<html>
<head >
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>ComboBox with _BidiSupport</title>
<style>
@import "../../../themes/claro/document.css";
@import "../../../../util/doh/robot/robot.css";
@import "../../css/dijitTests.css";
</style>
<!-- required: the default dijit theme: -->
<link id="themeStyles" rel="stylesheet" href="../../../../dijit/themes/claro/claro.css"/>
<!-- required: dojo.js -->
<script type="text/javascript" src="../../../../dojo/dojo.js"
data-dojo-config="parseOnLoad: true, isDebug: true, has: { 'dojo-bidi': true }">
</script>
<script type="text/JavaScript">
dojo.require("dijit.form.ComboBox");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
</script>
</head>
<body class="claro">
<label for="fruitLtr"> <b>I'm a LTR ComboBox </b> </label>
<br>
<select id="fruitLtr"
data-dojo-type="dijit/form/ComboBox"
data-dojo-props='name:"fruitLtr",
textDir:"ltr"'>
<option >Apples!</option>
<option >Oranges!</option>
<option selected>Pears!</option>
<option >שלום לכם!</option>
<option >תפוח אדמה!</option>
</select>
<br>
<label for="fruitRtl"> <b>I'm a RTL ComboBox </b> </label>
<br>
<select id="fruitRtl"
data-dojo-type="dijit/form/ComboBox"
data-dojo-props='name:"fruitRtl",
textDir:"rtl"'>
<option >Apples!</option>
<option >Oranges!</option>
<option selected>Pears!</option>
<option >שלום לכם!</option>
<option >תפוח אדמה!</option>
</select>
<br>
<label for="fruitContextual"> <b>I'm a Contextual ComboBox </b> </label>
<br>
<select id="fruitContextual"
data-dojo-type="dijit/form/ComboBox"
data-dojo-props='name:"fruitContextual",
autoComplete:false,
textDir:"auto"'>
<option >@Apples!</option>
<option >:Oranges!</option>
<option selected>Pears!</option>
<option >*תפוח אדמה!</option>
<option >:שלום לכם!</option>
</select>
<br>
<label for="fruitContextualAC"> <b>I'm a Contextual ComboBox </b> </label>
<br>
<select id="fruitContextualAC"
data-dojo-type="dijit/form/ComboBox"
data-dojo-props='name:"fruitContextualAc",
textDir:"auto"'>
<option >@Apples!</option>
<option >:Oranges!</option>
<option selected>Pears!</option>
<option >:שלום לכם!</option>
<option >*תפוח אדמה!</option>
</select>
</body>
</html>