Sencha Architect 2を使用しています。テキスト検索と結果を表示するテーブルを使用して、汎用UI要素を生成しようとしています。Genericとは、ユーザー、ロール、その他のさまざまなタイプの検索に使用したいことを意味します。
したがって、Sencha Architect 2についてこのコンテキストで私が間違いなく気に入っているのは、常にクラスを生成することです。これが私の生成されたクラスです:
Ext.define('ktecapp.view.ObjSearchPanel', {
extend: 'Ext.container.Container',
alias: 'widget.objsearchpanel',
height: 250,
id: 'UserSearchPanel',
itemId: 'UserSearchPanel',
width: 438,
layout: {
columns: 3,
type: 'table'
},
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'textfield',
itemId: 'txtSearchText',
fieldLabel: 'Search Text',
colspan: 2
},
{
xtype: 'button',
id: 'searchObj',
itemId: 'searchObj',
text: 'Search',
colspan: 1
},
{
xtype: 'gridpanel',
height: 209,
itemId: 'resultGrid',
width: 430,
store: 'UserDisplayStore',
colspan: 3,
columns: [
{
xtype: 'gridcolumn',
width: 60,
dataIndex: 'ID',
text: 'ID'
},
{
xtype: 'gridcolumn',
width: 186,
dataIndex: 'DISPLAYNAME',
text: 'Displayname'
},
{
xtype: 'gridcolumn',
width: 123,
dataIndex: 'JOBTITLE',
text: 'Job Title'
},
{
xtype: 'actioncolumn',
width: 35,
icon: 'icons/zoom.png',
items: [
{
icon: 'icons/zoom.png',
tooltip: 'Tooltip'
}
]
}
],
viewConfig: {
},
selModel: Ext.create('Ext.selection.CheckboxModel', {
})
}
]
});
me.callParent(arguments);
}
});
私が抱えている問題は、すべてがかなりカスタマイズ可能である必要があることです。列のdataIndexes、ストアなどです。では、すべての情報を渡すクラスObjSearchPanelの関数のようなコンストラクターを取得するにはどうすればよいですか?上記のコードでは、これはほとんどハードコーディングされているように見えます...
よろしくお願いしますカイ