X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6a7e4474cba9d8be4b2ec445e10f1691f7277c50..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/examples/init.js?ds=inline
diff --git a/examples/init.js b/examples/init.js
index a6ffe8c7..8730617a 100644
--- a/examples/init.js
+++ b/examples/init.js
@@ -1,161 +1,161 @@
-/*!
- * Ext JS Library 3.2.0
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
Ext.ns('Ext.samples');
(function() {
-SamplePanel = Ext.extend(Ext.DataView, {
- autoHeight : true,
- frame : true,
- cls : 'demos',
- itemSelector : 'dd',
- overClass : 'over',
- tpl : new Ext.XTemplate(
- '
',
- '
',
- '{title}
',
- '
',
- '',
- '- ',
- '
{text}',
- '',
- ' (New)',
- '',
- '',
- ' (Updated)',
- '',
- '',
- ' (Experimental)',
- '',
- '
{desc}
',
- ' ',
+ Ext.define('Ext.samples.SamplePanel', {
+ extend: 'Ext.view.View',
+ alias: 'widget.samplepanel',
+ autoHeight : true,
+ frame : false,
+ cls : 'demos',
+ itemSelector : 'dl',
+ overItemCls : 'over',
+ trackOver : true,
+ tpl : Ext.create('Ext.XTemplate',
+ '',
+ '
',
+ '{title}
',
+ '
',
+ '',
+ '- ',
+ '
{text}',
+ '',
+ ' (New)',
+ '',
+ '',
+ ' (Updated)',
+ '',
+ '',
+ ' (Experimental)',
+ '',
+ '
{desc}
',
+ ' ',
+ '',
+ '
',
'',
- '
',
- '',
- '
', {
- isExperimental: function(status){
- return status == 'experimental';
- },
- isNew: function(status){
- return status == 'new';
- },
- isUpdated: function(status){
- return status == 'updated';
- }
- }),
-
-
- onClick : function(e){
- var group = e.getTarget('h2', 3, true);
- if(group){
- group.up('div').toggleClass('collapsed');
- }else {
+ ' ', {
+ isExperimental: function(status){
+ return status == 'experimental';
+ },
+ isNew: function(status){
+ return status == 'new';
+ },
+ isUpdated: function(status){
+ return status == 'updated';
+ }
+ }),
+
+ onContainerClick: function(e) {
+ var group = e.getTarget('h2', 3, true);
+
+ if (group) {
+ group.up('div').toggleCls('collapsed');
+ }
+ },
+
+ onItemClick : function(record, item, index, e){
var t = e.getTarget('dd', 5, true);
- if(t && !e.getTarget('a', 2)){
+
+ if (t && !e.getTarget('a', 2)) {
var url = t.getAttributeNS('ext', 'url');
window.open(url);
}
+
+ return this.callParent(arguments);
}
- return SamplePanel.superclass.onClick.apply(this, arguments);
- }
-});
-Ext.samples.SamplePanel = SamplePanel;
-Ext.reg('samplespanel', Ext.samples.SamplePanel);
+ });
})();
-Ext.onReady(function(){
-
+Ext.onReady(function() {
-// Instantiate Ext.App instance
- App = new Ext.App({});
+ (Ext.defer(function() {
+ // Instantiate Ext.App instance
+ var App = Ext.create('Ext.App', {});
- var catalog = Ext.samples.samplesCatalog;
+ var catalog = Ext.samples.samplesCatalog;
- for(var i = 0, c; c = catalog[i]; i++){
- c.id = 'sample-' + i;
- }
+ for (var i = 0, c; c = catalog[i]; i++) {
+ c.id = 'sample-' + i;
+ }
- var store = new Ext.data.JsonStore({
- idProperty : 'id',
- fields : ['id', 'title', 'samples'],
- data : catalog
- });
+ var store = Ext.create('Ext.data.JsonStore', {
+ idProperty : 'id',
+ fields : ['id', 'title', 'samples'],
+ data : catalog
+ });
- var panel = new Ext.Panel({
- frame : true,
- renderTo : 'all-demos',
- height : 300,
- autoScroll : true,
- items : new SamplePanel({
- store : store
- })
- });
+ var panel = Ext.create('Ext.Panel', {
+ frame : false,
+ renderTo : Ext.get('all-demos'),
+ height : 300,
+ autoScroll : true,
+ items : Ext.create('Ext.samples.SamplePanel', {
+ store : store
+ })
+ });
- var tpl = new Ext.XTemplate(
- '{title:stripTags}'
- );
- tpl.overwrite('sample-menu', catalog);
+ var tpl = Ext.create('Ext.XTemplate',
+ '{title:stripTags}'
+ );
+ tpl.overwrite('sample-menu', catalog);
- Ext.select('#sample-spacer').remove();
+ Ext.select('#sample-spacer').remove();
- var headerEl = Ext.get('hd'),
- footerEl = Ext.get('ft'),
- bodyEl = Ext.get('bd'),
- sideBoxEl = bodyEl.child('div[class=side-box]'),
- titleEl = bodyEl.child('h3:first-child');
+ var headerEl = Ext.get('hd'),
+ footerEl = Ext.get('ft'),
+ bodyEl = Ext.get('bd'),
+ sideBoxEl = bodyEl.down('div[class=side-box]'),
+ titleEl = bodyEl.down('h1#pagetitle');
- var doResize = function() {
- var windowHeight = Ext.getDoc().getViewSize(false).height;
+ var doResize = function() {
+ var windowHeight = Ext.getDoc().getViewSize(false).height;
- var footerHeight = footerEl.getHeight() + footerEl.getMargins().top,
- titleElHeight = titleEl.getHeight() + titleEl.getMargins().top,
- brElHeight = bodyEl.child('br').getHeight(),
- headerHeight = headerEl.getHeight() + titleElHeight + brElHeight;
+ var footerHeight = footerEl.getHeight() + footerEl.getMargin().top,
+ titleElHeight = titleEl.getHeight() + titleEl.getMargin().top,
+ headerHeight = headerEl.getHeight() + titleElHeight;
- var warnEl = Ext.get('fb');
- var warnHeight = warnEl ? warnEl.getHeight() : 0;
+ var warnEl = Ext.get('fb');
+ var warnHeight = warnEl ? warnEl.getHeight() : 0;
- var availHeight = windowHeight - ( footerHeight + headerHeight + 14) - warnHeight;
- var sideBoxHeight = sideBoxEl.getHeight();
+ var availHeight = windowHeight - ( footerHeight + headerHeight + 14) - warnHeight;
+ var sideBoxHeight = sideBoxEl.getHeight();
- panel.setHeight((availHeight > sideBoxHeight) ? availHeight : sideBoxHeight);
- }
+ panel.setHeight((availHeight > sideBoxHeight) ? availHeight : sideBoxHeight);
+ };
- // Resize on demand
- Ext.EventManager.onWindowResize(doResize);
+ // Resize on demand
+ Ext.EventManager.onWindowResize(doResize);
- var firebugWarning = function () {
- var cp = new Ext.state.CookieProvider();
+ var firebugWarning = function () {
+ var cp = Ext.create('Ext.state.CookieProvider');
- if(window.console && window.console.firebug && ! cp.get('hideFBWarning')){
- var tpl = new Ext.Template(
- 'Warning: Firebug is known to cause performance issues with Ext JS.
[ Hide ] '
- );
- var newEl = tpl.insertFirst('all-demos');
+ if(window.console && window.console.firebug && ! cp.get('hideFBWarning')){
+ var tpl = Ext.create('Ext.Template',
+ 'Warning: Firebug is known to cause performance issues with Ext JS.
[ Hide ] '
+ );
+ var newEl = tpl.insertFirst('all-demos');
- Ext.fly('hideWarning').on('click', function() {
- Ext.fly(newEl).slideOut('t',{remove:true});
- cp.set('hideFBWarning', true);
+ Ext.fly('hideWarning').on('click', function() {
+ Ext.fly(newEl).slideOut('t',{remove:true});
+ cp.set('hideFBWarning', true);
+ doResize();
+ });
+ Ext.fly(newEl).slideIn();
doResize();
+ }
+ };
+
+ var hideMask = function () {
+ Ext.get('loading').remove();
+ Ext.fly('loading-mask').animate({
+ opacity:0,
+ remove:true,
+ callback: firebugWarning
});
- Ext.fly(newEl).slideIn();
- doResize();
- }
- }
+ };
- var hideMask = function () {
- Ext.get('loading').remove();
- Ext.fly('loading-mask').fadeOut({
- remove:true,
- callback : firebugWarning
- });
- }
-
- hideMask.defer(250);
- doResize();
+ Ext.defer(hideMask, 250);
+ doResize();
-});
\ No newline at end of file
+ },500));
+});