upgraded yui to 2.2.2 and yui-ext to 1.0.1a
This commit is contained in:
JT Smith
parent
4d9af2c691
commit
547ced6500
1992 changed files with 645731 additions and 0 deletions
BIN
www/extras/yui-ext/examples/menu/list-items.gif
Normal file
BIN
www/extras/yui-ext/examples/menu/list-items.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
www/extras/yui-ext/examples/menu/menu-show.gif
Normal file
BIN
www/extras/yui-ext/examples/menu/menu-show.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 917 B |
17
www/extras/yui-ext/examples/menu/menus.css
Normal file
17
www/extras/yui-ext/examples/menu/menus.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
/*
|
||||
* Ext JS Library 1.0.1
|
||||
* Copyright(c) 2006-2007, Ext JS, LLC.
|
||||
* licensing@extjs.com
|
||||
*
|
||||
* http://www.extjs.com/license
|
||||
*/
|
||||
|
||||
#container {
|
||||
width:600px;
|
||||
height:300px;
|
||||
border:3px solid #c3daf9;
|
||||
}
|
||||
|
||||
.calendar .x-menu-item-icon {
|
||||
background-image:url(../../resources/images/default/shared/calendar.gif);
|
||||
}
|
||||
45
www/extras/yui-ext/examples/menu/menus.html
Normal file
45
www/extras/yui-ext/examples/menu/menus.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>Toolbar with Menus</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
||||
|
||||
<!-- GC --> <!-- LIBS --> <script type="text/javascript" src="../../adapter/yui/yui-utilities.js"></script> <script type="text/javascript" src="../../adapter/yui/ext-yui-adapter.js"></script> <!-- ENDLIBS -->
|
||||
<script type="text/javascript" src="../../ext-all.js"></script>
|
||||
|
||||
<script type="text/javascript" src="../form/states.js"></script>
|
||||
<script type="text/javascript" src="menus.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="menus.css" />
|
||||
|
||||
<!-- Common Styles for the examples -->
|
||||
<link rel="stylesheet" type="text/css" href="../examples.css" />
|
||||
<style type="text/css">
|
||||
.blist .x-btn-text {
|
||||
background-image: url(list-items.gif)
|
||||
}
|
||||
.bmenu .x-btn-text {
|
||||
background-image: url(menu-show.gif)
|
||||
}
|
||||
.menu-title{
|
||||
background: #ebeadb url(../../resources/images/aero/grid/grid-hrow.gif) repeat-x;
|
||||
border-bottom:1px solid #99bbe8;
|
||||
color:#15428b;
|
||||
font:bold 10px tahoma,arial,verdana,sans-serif;
|
||||
display:block;
|
||||
padding:3px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
||||
<h1>Toolbar with Menus</h1>
|
||||
<p>The js is not minified so it is readable. See <a href="menus.js">menus.js</a>.</p>
|
||||
|
||||
<div id="container">
|
||||
<div id="toolbar"></div>
|
||||
</div>
|
||||
|
||||
<br /><br /><br /><br /><br />
|
||||
</body>
|
||||
</html>
|
||||
174
www/extras/yui-ext/examples/menu/menus.js
vendored
Normal file
174
www/extras/yui-ext/examples/menu/menus.js
vendored
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
/*
|
||||
* Ext JS Library 1.0.1
|
||||
* Copyright(c) 2006-2007, Ext JS, LLC.
|
||||
* licensing@extjs.com
|
||||
*
|
||||
* http://www.extjs.com/license
|
||||
*/
|
||||
|
||||
Ext.onReady(function(){
|
||||
Ext.QuickTips.init();
|
||||
|
||||
// Menus can be prebuilt and passed by reference
|
||||
var dateMenu = new Ext.menu.DateMenu({
|
||||
handler : function(dp, date){
|
||||
Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));
|
||||
}
|
||||
});
|
||||
|
||||
// Menus can be prebuilt and passed by reference
|
||||
var colorMenu = new Ext.menu.ColorMenu({
|
||||
handler : function(cm, color){
|
||||
Ext.example.msg('Color Selected', 'You chose {0}.', color);
|
||||
}
|
||||
});
|
||||
|
||||
var menu = new Ext.menu.Menu({
|
||||
id: 'mainMenu',
|
||||
items: [
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'I like Ext',
|
||||
checked: true,
|
||||
checkHandler: onItemCheck
|
||||
}),
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'Ext for jQuery',
|
||||
checked: true,
|
||||
checkHandler: onItemCheck
|
||||
}),
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'I donated!',
|
||||
checked:false,
|
||||
checkHandler: onItemCheck
|
||||
}), '-', {
|
||||
text: 'Radio Options',
|
||||
menu: { // <-- submenu by nested config object
|
||||
items: [
|
||||
// stick any markup in a menu
|
||||
'<b class="menu-title">Choose a Theme</b>',
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'Aero Glass',
|
||||
checked: true,
|
||||
group: 'theme',
|
||||
checkHandler: onItemCheck
|
||||
}),
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'Vista Black',
|
||||
group: 'theme',
|
||||
checkHandler: onItemCheck
|
||||
}),
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'Gray Theme',
|
||||
group: 'theme',
|
||||
checkHandler: onItemCheck
|
||||
}),
|
||||
new Ext.menu.CheckItem({
|
||||
text: 'Default Theme',
|
||||
group: 'theme',
|
||||
checkHandler: onItemCheck
|
||||
})
|
||||
]
|
||||
}
|
||||
},{
|
||||
text: 'Choose a Date',
|
||||
cls: 'calendar',
|
||||
menu: dateMenu // <-- submenu by reference
|
||||
},{
|
||||
text: 'Choose a Color',
|
||||
menu: colorMenu // <-- submenu by reference
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
var tb = new Ext.Toolbar('toolbar');
|
||||
tb.add({
|
||||
cls: 'x-btn-text-icon bmenu', // icon and text class
|
||||
text:'Button w/ Menu',
|
||||
menu: menu // assign menu by instance
|
||||
},
|
||||
new Ext.Toolbar.MenuButton({
|
||||
text: 'Split Button',
|
||||
handler: onButtonClick,
|
||||
tooltip: {text:'This is a QuickTip with autoHide set to false and a title', title:'Tip Title', autoHide:false},
|
||||
cls: 'x-btn-text-icon blist',
|
||||
// Menus can be built/referenced by using nested menu config objects
|
||||
menu : {items: [
|
||||
{text: '<b>Bold</b>', handler: onItemClick},
|
||||
{text: '<i>Italic</i>', handler: onItemClick},
|
||||
{text: '<u>Underline</u>', handler: onItemClick}, '-',{
|
||||
text: 'Pick a Color', handler: onItemClick, menu: {
|
||||
items: [
|
||||
new Ext.menu.ColorItem({selectHandler:function(cp, color){
|
||||
Ext.example.msg('Color Selected', 'You chose {0}.', color);
|
||||
}}), '-',
|
||||
{text:'More Colors...', handler:onItemClick}
|
||||
]
|
||||
}},
|
||||
{text: 'Extellent!', handler: onItemClick}
|
||||
]}
|
||||
}), '-', {
|
||||
text: 'Toggle Me',
|
||||
enableToggle: true,
|
||||
toggleHandler: onItemToggle,
|
||||
pressed: true
|
||||
});
|
||||
|
||||
menu.addSeparator();
|
||||
// Menus have a rich api for
|
||||
// adding and removing elements dynamically
|
||||
var item = menu.add({
|
||||
text: 'Dynamically added Item'
|
||||
});
|
||||
// items support full Observable API
|
||||
item.on('click', onItemClick);
|
||||
|
||||
// items can easily be looked up
|
||||
menu.add({
|
||||
text: 'Disabled Item',
|
||||
id: 'disableMe' // <-- Items can also have an id for easy lookup
|
||||
// disabled: true <-- allowed but for sake of example we use long way below
|
||||
});
|
||||
// access items by id or index
|
||||
menu.items.get('disableMe').disable();
|
||||
|
||||
// They can also be referenced by id in or components
|
||||
tb.add('-', {
|
||||
icon: 'list-items.gif', // icons can also be specified inline
|
||||
cls: 'x-btn-icon',
|
||||
tooltip: '<b>Quick Tips</b><br/>Icon only button with tooltip'
|
||||
}, '-');
|
||||
|
||||
// add a combobox to the toolbar
|
||||
var store = new Ext.data.SimpleStore({
|
||||
fields: ['abbr', 'state'],
|
||||
data : Ext.exampledata.states // from states.js
|
||||
});
|
||||
var combo = new Ext.form.ComboBox({
|
||||
store: store,
|
||||
displayField:'state',
|
||||
typeAhead: true,
|
||||
mode: 'local',
|
||||
triggerAction: 'all',
|
||||
emptyText:'Select a state...',
|
||||
selectOnFocus:true,
|
||||
width:135
|
||||
});
|
||||
tb.addField(combo);
|
||||
|
||||
// functions to display feedback
|
||||
function onButtonClick(btn){
|
||||
Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
|
||||
}
|
||||
|
||||
function onItemClick(item){
|
||||
Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
|
||||
}
|
||||
|
||||
function onItemCheck(item, checked){
|
||||
Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
|
||||
}
|
||||
|
||||
function onItemToggle(item, pressed){
|
||||
Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue