widget-std-mod.html revision 9a007c0d8b040b9a0f130d12e2e8749d2d2e8b1d
409N/A<!DOCTYPE html>
49N/A
49N/A<head>
49N/A<style>
49N/A body {
49N/A font-family:sans-serif;
49N/A line-height:120%;
49N/A font-size:90%;
49N/A }
49N/A .yui3-widget { border: 1px solid blue; }
49N/A</style>
49N/A<script type="text/javascript" src="/build/yui/yui-debug.js"></script>
49N/A</head>
49N/A
49N/A<body class="yui3-skin-sam">
49N/A
49N/A
49N/A <script type="text/javascript">
49N/A
49N/A YUI.add('wid', function(Y){
49N/A
49N/A Y.Wid = Y.Base.create('wid', Y.Widget, [Y.WidgetStdMod], {
49N/A
289N/A renderUI : function() {
49N/A this.setStdModContent('body', 'first');
49N/A this.setStdModContent('body', 'second', 'after');
49N/A this.setStdModContent('body', '3', 'after');
49N/A this.setStdModContent('body', '4', 'after');
49N/A this.setStdModContent('body', '5', 'after');
49N/A this.setStdModContent('body', '6', 'before');
49N/A },
49N/A
51N/A syncUI : function() {
51N/A
125N/A this.setStdModContent('body', '<strong>third</strong><br>', 'after');
383N/A this.head().setContent('Header');
222N/A var footer = this.foot();
49N/A this.get('contentBox').appendChild(footer);
342N/A footer.setContent("Footer");
289N/A
289N/A }
289N/A
289N/A }, {
289N/A ATTRS : {}
289N/A });
49N/A
49N/A }, '0.1', {requires : ['widget','widget-stdmod', 'base-build'] });
49N/A
49N/A YUI({filter:"raw"}).use('wid', function(Y){
51N/A
51N/A new Y.Wid().render();
72N/A
51N/A });
49N/A </script>
49N/A
51N/A</body>