reverse_iteratorは通常のiterator(反復子)と逆向きに要素を横断するための逆転反復子。
図示すると以下の通り。
Ext.onReady(function(){ var panal = new Ext.Panel({ title: 'Sample panel', height: 250, width: 300, bodyStyle: 'padding: 15px', renderTo: 'panel', layout: 'form', items: [{ xtype: 'fieldset', header: true, headerCfg: { tag: 'legend', cls: 'x-fieldset-header x-unselectable', cn: [{ tag: 'input', type: 'checkbox' }, { tag: 'span', cls: 'x-fieldset-header-text', html: 'header config' }] }, defaultType: 'textfield', items :[{ fieldLabel: 'Field 1' }, { fieldLabel: 'Field 2' }] }, { xtype: 'fieldset', checkboxToggle: true, collapsed: true, title: 'Title', defaultType: 'textfield', items :[{ fieldLabel: 'Field 3' }, { fieldLabel: 'Field 4' }] }] }); });
createSequence( Function fcn, [Object scope] ) : Function
var secondFn = function(){ // 何か処理 }; var cmb = Ext.form.ComboBox({ typeAhead: true, triggerAction: 'all', lazyRender:true, mode: 'local', store: new Ext.data.ArrayStore({ id: 0, fields: [ 'myId', 'displayText' ], data: [[1, 'item1'], [2, 'item2']] }), valueField: 'myId', displayField: 'displayText', listeners: { select: function(cmb, record, index){ // 何か処理 }.createSequence(secondFn) } });
Ext.onReady(function(){ var panal = new Ext.Panel({ title: 'anchor layout', autoHeight: true, width: 300, bodyStyle: 'padding: 15px', renderTo: 'panel', layout: 'anchor', items: [{ title: 'item1', anchor: '90%', height: 100 }, { xtype: 'spacer', height: 10 }, { title: 'item2', height: 100 }] }); });
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css" /> <script type="text/javascript" src="./jslib/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="./jslib/adapter/jquery/ext-jquery-adapter.js"></script> <script type="text/javascript" src="./jslib/ext-all.js"></script> <script type="text/javascript" src="./sample.js"></script> </head> <body> <div id="btn" style="margin: 10px"></div> <div style="margin: 10px">selected color: <span id="selected">□</span></div> </body> </html>
Ext.onReady(function(){ var btn = new Ext.Button({ text: 'color', renderTo: 'btn', listeners: { click: function(){ var win = new Ext.Window({ height: '180', width: '160', xtype: 'panel', title: 'color select', items: [{ xtype: 'colorpalette', listeners: { select: function(plt, color){ Ext.getCmp('sel-color').setValue(color); } } }, { xtype: 'form', border: false, bodyStyle: 'background-color: transparent; padding-left: 5px;', labelWidth: 60, items: [{ xtype: 'displayfield', id: 'sel-color', style: 'margin-top: 2px', fieldLabel: 'selected' }] }], buttons: [{ text: 'OK', listeners: { click: function(){ var clrtext = Ext.getCmp('sel-color').getValue(); var ele = Ext.get('selected'); if((clrtext == 'ffffff') || (clrtext == 'FFFFFF')){ ele.update('□'); ele.applyStyles('color: #000000'); }else{ ele.update('■'); ele.applyStyles('color: #'+ clrtext); } win.destroy(); } } }] }); win.show(); } } }); });
// 関数定義 function doSomething(combo, record, index){ // 何か処理 } // イベントハンドラ設定部分 Ext.getCmp('comboID').on('select', doSomething);
combo: Ext.form.ComboBox
コンボボックス
record: Ext.data.Record
ストアから返されたデータレコード
index: Number
ドロップダウンリスト内の選択された項目のインデックス
// 間違った関数定義 function doSomething(combo, record, index, addParam){ // 何か処理 }
/** * createDelegateを使う */ // 関数定義部分 function doSomething(addParam){ var value = this.getValue(); // 何か処理 } // ハンドラ設定部分 var cmb = Ext.getCmp('comboID'); cmb.on('select', doSomething.createDelegate(cmb, [addParam]));
引数の形式
createCallback(/*args...*/):Function
createDelegate([Object obj], [Array args], [Boolean/Number appendArgs]):Function
1章 高信頼システムの概要2章 Linuxサーバ1台の稼働率を上げる設計3章 複数台のサーバによる高信頼性システムの設計例4章 データの共有5章 データベースの冗長化6章 クラスタシステムの監視7章 システム監視8章 ロードシェアリングによるシステムの構築9章 アクティブ・スタンバイクラスタによるシステムの構築10章 サーバの仮想化11章 仮想サーバを構築する(Xen編)12章 仮想サーバを構築する(KVM編)
[workspace]\.metadata\.plugins\org.eclipse.core.runtime\.settings\org.eclipse.jdt.ui.prefs
[workspace]\.metadata\.plugins\org.eclipse.core.runtime\.settings\org.eclipse.ui.editors.prefs
url(http://www.google.co.uk/),日本語サイトの設定を作る。
url-prefix(http://www.google.co.uk/webhp),
url-prefix(http://www.google.co.uk/search?),
…
url(http://www.google.co.jp/),
url-prefix(http://www.google.co.jp/webhp),
url-prefix(http://www.google.co.jp/search?),
…
#bookmarks-view, #historyTree, .gmarksTree treechildren {
background-color: #262626 !important;
color: #c0c0c0 !important;
}