adding menu to list demo
This commit is contained in:
parent
a2c7bae121
commit
861de82313
|
@ -4,6 +4,34 @@ $(function() {
|
||||||
app = new Ox.App({
|
app = new Ox.App({
|
||||||
requestURL: "http://lion.oil21.org:8000/api/"
|
requestURL: "http://lion.oil21.org:8000/api/"
|
||||||
}),
|
}),
|
||||||
|
$menu = new Ox.MainMenu({
|
||||||
|
menus: [
|
||||||
|
{
|
||||||
|
id: "demo",
|
||||||
|
title: "Demo",
|
||||||
|
items: [
|
||||||
|
{ id: "about", title: "About" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "sort",
|
||||||
|
title: "Sort",
|
||||||
|
items: [
|
||||||
|
{ id: "sort_movies", title: "Sort Movies by", items: [
|
||||||
|
{ checked: false, group: "sort_movies", id: "title", title: "Title"},
|
||||||
|
{ checked: false, group: "sort_movies", id: "director", title: "Director" },
|
||||||
|
{ checked: false, group: "sort_movies", id: "country", title: "Country" },
|
||||||
|
{ checked: true, group: "sort_movies", id: "year", title: "Year" },
|
||||||
|
] },
|
||||||
|
{ id: "order_movies", title: "Order Movies", items: [
|
||||||
|
{ checked: false, group: "order_movies", id: "ascending", title: "Ascending"},
|
||||||
|
{ checked: true, group: "order_movies", id: "descending", title: "Descending" },
|
||||||
|
] }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
],
|
||||||
|
size: "large"
|
||||||
|
}),
|
||||||
$list = new Ox.TextList({
|
$list = new Ox.TextList({
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
|
@ -67,5 +95,17 @@ $(function() {
|
||||||
operator: "-"
|
operator: "-"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
}),
|
||||||
|
$main = Ox.SplitPanel({
|
||||||
|
elements: [
|
||||||
|
{
|
||||||
|
element: $menu,
|
||||||
|
size: 24
|
||||||
|
},
|
||||||
|
{
|
||||||
|
element: $list
|
||||||
|
}
|
||||||
|
],
|
||||||
|
orientation: "vertical"
|
||||||
}).appendTo($body);
|
}).appendTo($body);
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in New Issue
Block a user