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.prefsurl(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;
}