console_app.html revision ae7308f82c607be18b5555aa4d82dc9c0f7b0c4b
<html>
<head>
<title>YUI Application Framework </title>
</head>
<body class="yui3-skin-sam">
<script type="text/javascript">
YUI({
filter: "debug",
logExclude: {
attribute: 1,
event: 1
}
}).use("app", function(Y) {
var app , section1, section2, view4,
// This is the renderer used for the nav controls
sectionRenderer = function(callback, data) {
callback();
},
// Each view is using this renderer
viewRenderer = function(callback, data) {
callback();
};
app = new Y.App({
id: 'Console App',
renderer: function(callback) {
Y.log('app renderer');
callback();
}
});
section1 = app.addNav(new Y.Nav({
id: 'Section 1',
renderer: sectionRenderer
}));
section2 = app.addNav(new Y.Nav({
id: 'Section 2',
renderer: sectionRenderer
}));
section1.addView(new Y.View({
id: 'View 1-1',
renderer: viewRenderer
}));
section1.addView(new Y.View({
id: 'View 1-2',
ephemeral: true, // does not participate in state managment
renderer: viewRenderer
}));
section2.addView(new Y.View({
id: 'View 2-1',
renderer: viewRenderer
}));
view4 = section2.addView(new Y.View({
id: 'View 2-2',
// ephemeral: true,
renderer: viewRenderer
}));
Y.log(app);
app.render();
// view4.set('state', 'asdf');
section1.navigate(function() {
Y.log('section 1 default complete');
});
section2.navigate(function() {
Y.log('section 2 default complete');
});
section1.navigate(function() {
Y.log('section 1 view 2 default complete');
}, 'View 1-2');
section2.navigate(function() {
Y.log('section 2 view 2 with state complete');
}, 'View 2-2|adsf2');
});
</script>
</body>
</html>