JavaScript でのコンポーネントのボディの操作

コンポーネントのボディを置き換える

例に含まれる cmp は、JavaScript コードのコンポーネントへの参照です。通常、コンポーネントへの参照は JavaScript コードで簡単に取得できます。body 属性はコンポーネントの配列であるため、その属性に対して JavaScript Array メソッドを使用できます。

コンポーネントのボディの現在の値を別のコンポーネントで置き換えるには、次のように記述します。

1// newCmp is a reference to another component
2cmp.set("v.body", newCmp);

コンポーネントのボディをクリアする

コンポーネントのボディの現在の値をクリアする (空にする) には、次のように記述します。

1cmp.set("v.body", []);

コンポーネントをコンポーネントのボディに追加する

newCmp コンポーネントをコンポーネントのボディに追加するには、次のように記述します。

1var body = cmp.get("v.body");
2// newCmp is a reference to another component
3body.push(newCmp);
4cmp.set("v.body", body);

コンポーネントをコンポーネントのボディの先頭に追加する

newCmp コンポーネントをコンポーネントのボディの先頭に追加するには、次のように記述します。

1var body = cmp.get("v.body");
2body.unshift(newCmp);
3cmp.set("v.body", body);

コンポーネントをコンポーネントのボディから削除する

インデックス化されたエントリをコンポーネントのボディから削除するには、次のように記述します。

1var body = cmp.get("v.body");
2// Index (3) is zero-based so remove the fourth component in the body
3body.splice(3, 1);
4cmp.set("v.body", body);