同じページまたはWebサイト全体で複数のグリッドを使用している場合、一般的なグリッドコンポーネントの設定を抽象化する方法はありますか?colModelセクション、または2つのグリッド間で同じになる他のコンポーネントを例に挙げますが、各グリッドを一意にするオプション、名前、キャプションなどを例に挙げます。
基本的に、これは、非常に類似した複数のグリッドの設定に伴うテキストの壁を避けたいということです。
同じページまたはWebサイト全体で複数のグリッドを使用している場合、一般的なグリッドコンポーネントの設定を抽象化する方法はありますか?colModelセクション、または2つのグリッド間で同じになる他のコンポーネントを例に挙げますが、各グリッドを一意にするオプション、名前、キャプションなどを例に挙げます。
基本的に、これは、非常に類似した複数のグリッドの設定に伴うテキストの壁を避けたいということです。
私は自分が探していたもののいくつかを達成することができました。
繰り返されるコードの最大のチャンクであるcolModel:[..]を取得し、それを変数に変換してから呼び出すことができました。
元
var colModelForReuse = [{name: 'exName', index: 'exIndex' ..... },
{.......................................}];
その後、グリッド設定で
colNames: [ 'exName', .....],
colModel: colModelForReuse,
pager: pagerName,
...
はい、実際のグリッドを作成する関数を作成し、それにオプションを渡して、各グリッド間で異なるアスペクトを制御することができます。引数を渡す良い方法は、jQuery.extendを使用することです。これにより、デフォルトの引数値を簡単に指定できます。
例えば:
function myFunction(options) {
options = jQuery.extend(
{
myOption1: 'Default Vaule',
myOption2: 'Default Vaule',
},
options || {});
...
}