basic select (in demos/test/index.html)

This commit is contained in:
Rolux 2010-02-06 11:51:01 +05:30
commit 75f16e5fb8
3 changed files with 141 additions and 46 deletions

View file

@ -35,7 +35,7 @@
<script type="text/javascript" src="../../build/js/ox.ui.js"></script>
<script>
$(function() {
var size = window.location.hash.substr(1) || "small",
var size = window.location.hash.substr(1) || "medium",
$body = $("body"),
$toolbars = [];
@ -121,7 +121,7 @@
$toolbars[5] = Ox.Bar({size: 24}).appendTo(mainPanel);
Ox.Button({
size: "medium",
size: "large",
type: "text",
value: "Switch Theme"
}).addClass("margin").click(switchTheme).appendTo($toolbars[0]);
@ -132,7 +132,7 @@
}).addClass("margin").appendTo($toolbars[1]);
///*
Ox.Button({
size: "xsmall",
size: "small",
type: "text",
value: ['Button, value=["foo", "bar"] (foo)', 'Button, value=["foo", "bar"] (bar)']
}).addClass("margin").css({width: "256px"}).appendTo($toolbars[1]);
@ -174,7 +174,7 @@
Ox.ButtonGroup({
selectable: true,
selected: 0,
size: "small",
size: "medium",
type: "image",
values: ["close", "add", "remove"]
}).addClass("padding").appendTo($toolbars[2]);
@ -197,7 +197,7 @@
.css({
width: "32px"
})
.subscribe("change." + range.id, update)
.bindEvent("change." + range.id, update)
.appendTo($toolbars[4]);
function update() {
//console.log("update", range.options("value"))
@ -227,6 +227,24 @@
type: "text",
value: "Foo"
}).addClass("margin").appendTo(mainPanel);
Ox.Select({
id: "select",
items: [
{
checked: true,
id: "one",
title: "One"
},
{
id: "two",
title: "Two"
},
{
id: "three",
title: "Three"
}
]
}).addClass("margin").width(96).appendTo(mainPanel);
//*/
function switchTheme() {
if (Ox.theme() == "classic") {