Skip to content

Instantly share code, notes, and snippets.

View ExtAnimal's full-sized avatar

Nige White ExtAnimal

  • Animal Software SAS
  • Lavercantière, 46340, France
View GitHub Profile
/**
* 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',
/**
* 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 July 19, 2013 13:00
Overnesting highlighter
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');
}
}));
cluster:
name: CMTPRODLDN
network:
host: *********
node:
data: true
path:
@ExtAnimal
ExtAnimal / auto-height-grid.html
Created March 13, 2012 06:14
Auto height grid
<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 January 24, 2012 01:48
Mats's collapse bug - run using extjs/test/issues/issue.html?id=mats-collapsebug
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 January 20, 2012 19:59
Accordion of Menus. Drop into extjs/examples/<anywhere>
<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 January 19, 2012 20:33
ExtJS load + startup test
<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 January 19, 2012 10:51
4.1.0 beta 3 EventManager code
/**
* @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 January 18, 2012 10:07
4.1 Grid performance testcase
Ext.require('*');
Ext.onReady(function() {
Ext.define('Employee', {
extend: 'Ext.data.Model',
fields: [
{name: 'rating', type: 'int'},
{name: 'salary', type: 'float'},
{name: 'name'}
]