「部品作成手順」の編集履歴（バックアップ）一覧はこちら

部品作成手順 - (2009/03/27 (金) 18:32:23) の１つ前との変更点

追加された行は緑色になります。

削除された行は赤色になります。

-部品に関してのクラス定義はctlIndex.jsに一括記載するものとする

-以下の部品を作成してみる※イメージ図
#image(fpShiiresaki.jpg,left)

-まずは左側の仕入先ラベルのクラスを作成します
#image(lblShiiresaki.jpg,left)

-ソースコード
	//-----仕入先テキスト（タイトル部）
	// Ext.form.TextField クラスの継承
	var lblShiiresakiTitle = Ext.extend(Ext.form.TextField,{
		// Ext.form.TextFieldのオーバーライド
	
		// コンポーネントの初期化
		// レイアウトに関する設定はこちらで行うこと！
		initComponent: function(){
			// 継承元のコード実行(必須)
		    lblShiiresakiTitle.superclass.initComponent.call(this);
		},
		hideLabel:true,		// 見出しラベルの非表示
		readOnly:true,		// テキスト変更不可
		renderTo:'lblShiiresakiTitle',		// バインド名
		style:'{text-align:center;}', // スタイルシートのように指定
		tabIndex:-1,	//タブ遷移しない
		value: '仕入先',
		width: 50
	});
 
	// lazy initializationのためのxtypeを登録する
	// xtypeで指定できるようになります
	Ext.reg('lblShiiresakiTitle', lblShiiresakiTitle);

-部品に関してのクラス定義はctlIndex.jsに一括記載するものとする

-以下の部品を作成してみる※イメージ図
#image(fpShiiresaki.jpg,left)

-まずは左側の仕入先ラベルのクラスを作成します
#image(lblShiiresaki.jpg,left)

-ソースコード例
	//-----仕入先テキスト（タイトル部）
	// Ext.form.TextField クラスの継承
	var lblShiiresakiTitle = Ext.extend(Ext.form.TextField,{
		// Ext.form.TextFieldのオーバーライド
	
		// コンポーネントの初期化
		// レイアウトに関する設定はこちらで行うこと！
		initComponent: function(){
			// 継承元のコード実行(必須)
		    lblShiiresakiTitle.superclass.initComponent.call(this);
		},
		hideLabel:true,		// 見出しラベルの非表示
		readOnly:true,		// テキスト変更不可
		renderTo:'lblShiiresakiTitle',		// バインド名
		style:'{text-align:center;}', // スタイルシートのように指定
		tabIndex:-1,	//タブ遷移しない
		value: '仕入先',
		width: 50
	});
 
	// lazy initializationのためのxtypeを登録する
	// xtypeで指定できるようになります
	Ext.reg('lblShiiresakiTitle', lblShiiresakiTitle);