Skip to content

Instantly share code, notes, and snippets.

View ContactForm.js
/**
* This shows an example of a common "Contact Us" form in a popup window. The form uses
* vbox and hbox layouts to achieve a uniform flexible layout even when the window is
* resized.
*
* Note that Tab based navigation within the modal window is confined to within the window.
*/
Ext.define('KitchenSink.view.forms.ContactForm', {
extend: 'Ext.form.Panel',
xtype: 'form-contact',
View Trigger.js
/**
* Text Field {@link Ext.field.Text#triggers trigger} widget.
*/
Ext.define('Ext.field.trigger.Trigger', {
extend: 'Ext.Widget',
xtype: 'trigger',
alias: 'trigger.trigger',
requires: [
'Ext.util.ClickRepeater'
@ExtAnimal
ExtAnimal / gist:6038943
Created Jul 19, 2013
Overnesting highlighter
View gist:6038943
javascript:(Ext.ComponentManager.each(function(c) {
c = Ext.getCmp(c);
if (c.isContainer && !c.isHeader && !c.isXType('tablepanel') && !c.isXType('headercontainer') && !c.hasCls('x-fieldset-header') && c.items.items.length === 1) {
console.log(c.id + ' only contains 1 child: check for overnesting');
c.rendered && c.el.frame('red');
}
}));
View gist:2636246
cluster:
name: CMTPRODLDN
network:
host: *********
node:
data: true
path:
View auto-height-grid.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Auto heihght grid</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../shared/example.css" />
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.Loader.setConfig({enabled: true});
@ExtAnimal
ExtAnimal / mats-collapsebug.js
Created Jan 24, 2012
Mats's collapse bug - run using extjs/test/issues/issue.html?id=mats-collapsebug
View mats-collapsebug.js
Ext.require('*');
Ext.onReady(function() {
Ext.QuickTips.init();
Ext.getBody().update('');
// setup the state provider, all state information will be saved to a cookie
Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
// sample static data for the store
var myData = [
@ExtAnimal
ExtAnimal / AccordionMenu.html
Created Jan 20, 2012
Accordion of Menus. Drop into extjs/examples/<anywhere>
View AccordionMenu.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<style type="text/css">
.my-menu .x-menu-item-link {
padding-left: 4px;
}
</style>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
@ExtAnimal
ExtAnimal / startuptest.html
Created Jan 19, 2012
ExtJS load + startup test
View startuptest.html
<html>
<head>
<title>Load + Startup test</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript">
window.start = new Date().getTime();
</script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.require(['*']);
@ExtAnimal
ExtAnimal / EventManager.js
Created Jan 19, 2012
4.1.0 beta 3 EventManager code
View EventManager.js
/**
* @class Ext.EventManager
* Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides
* several useful events directly.
* See {@link Ext.EventObject} for more details on normalized event objects.
* @singleton
*/
Ext.EventManager = new function() {
var EventManager = this,
doc = document,
@ExtAnimal
ExtAnimal / 5142.js
Created Jan 18, 2012
4.1 Grid performance testcase
View 5142.js
Ext.require('*');
Ext.onReady(function() {
Ext.define('Employee', {
extend: 'Ext.data.Model',
fields: [
{name: 'rating', type: 'int'},
{name: 'salary', type: 'float'},
{name: 'name'}
]
You can’t perform that action at this time.