forked from 0x2620/oxjs
MainMenu in demos/test/index.html
This commit is contained in:
parent
81d27621bf
commit
a279bc7f6e
5 changed files with 281 additions and 75 deletions
|
|
@ -59,17 +59,67 @@
|
|||
borderBottom: "1px solid rgb(160, 160, 160)"
|
||||
})*/;
|
||||
|
||||
var topPanel = Ox.Toolbar({size: "small"})
|
||||
.css({
|
||||
zIndex: 2,
|
||||
MozBoxShadow: "0 0 4px rgb(0, 0, 0)",
|
||||
WebkitBoxShadow: "0 0 4px rgb(0, 0, 0)"
|
||||
})
|
||||
.append(
|
||||
$("<div/>")
|
||||
.addClass("top")
|
||||
.html("Ox.js")
|
||||
);
|
||||
var mainMenu = new Ox.MainMenu({
|
||||
menus: [
|
||||
{
|
||||
id: "oxjs",
|
||||
title: "Ox.js",
|
||||
items: [
|
||||
{ id: "about", title: "About" },
|
||||
{},
|
||||
{ id: "contact", title: "Contact"}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "file",
|
||||
title: "File",
|
||||
items: [
|
||||
{ id: "load", title: "Load" },
|
||||
{ id: "save", title: "Save" },
|
||||
{ id: "save_ad", title: "Save As..."}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "edit",
|
||||
title: "Edit",
|
||||
items: [
|
||||
{ id: "undo", title: "Undo" },
|
||||
{ id: "redo", title: "Redo" },
|
||||
{},
|
||||
{ id: "cut", title: "Cut" },
|
||||
{ id: "copy", title: "Copy" },
|
||||
{ id: "paste", title: "Paste"},
|
||||
{ id: "delete", title: "Delete"},
|
||||
{},
|
||||
{ id: "select_all", title: "Select All" },
|
||||
{ id: "select_none", title: "Select None" },
|
||||
{ id: "invert_selection", title: "Invert Selection" },
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "sort",
|
||||
title: "Sort",
|
||||
items: [
|
||||
{ id: "sort_movies", title: "Sort Movies by", items: [
|
||||
{ checked: true, group: "sort_movies", id: "title", title: "Title"},
|
||||
{ checked: false, group: "sort_movies", id: "director", title: "Director" },
|
||||
] },
|
||||
{ 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" },
|
||||
] }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "help",
|
||||
title: "Help",
|
||||
items: [
|
||||
{ id: "help", title: "Help" }
|
||||
]
|
||||
}
|
||||
],
|
||||
size: "large"
|
||||
});
|
||||
var bottomPanel = Ox.Toolbar({size: "small"})
|
||||
.css({
|
||||
zIndex: 2,
|
||||
|
|
@ -84,7 +134,7 @@
|
|||
var mainSplitPanel = Ox.SplitPanel({
|
||||
elements: [
|
||||
{
|
||||
element: topPanel,
|
||||
element: mainMenu,
|
||||
size: 24
|
||||
},
|
||||
{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue