Flex/カスタムコンポーネント
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
// 下階層用テンプレート
#topicpath
----
//ここにコンテンツを記述します。
#contents
Flexは、ボタンとかいろいろなコンポーネントをのせたMXMLフ...
<local:MyComponent xmlns:local="*" id="hoge" />
と呼び出すことができます。この機能をカスタムコンポーネン...
カスタムコンポーネントを作成するためのルールとしては
-タグをコンテナ(VBoxとか)で始める((通常はApplicationで始...
くらいですね。SWTで言うところの、Compositeをextendsしてカ...
***自分で作ったカスタムコンポーネントに属性を定義する。 [...
属性の定義は、カスタムコンポーネントのMXMLファイル側で、...
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.macromedia.com/2003/mxml" ...
<!-- 属性の定義-->
<mx:Script>
<![CDATA[
var dataObject;
]]>
</mx:Script>
<mx:DataGrid id="list" width="100%" height="100%" data...
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Name" columnName=...
<mx:DataGridColumn headerText="Price" columnName...
</mx:Array>
</mx:columns>
</mx:DataGrid>
</mx:VBox>
とすることで、呼び出し元は
<local:MyComponent xmlns:local="*" id="gridView" dataObj...
などとして、変数を属性として使用することができます。これ...
逆に、
gridView.dataObject
などプロパティ経由で、内部のデータにアクセスすることがで...
#ref(myComp.png)
***イベントを定義する。 [#we855a7d]
通常の属性はカスタムコンポーネント側に変数を用意しました...
<mx:Metadata>
[Event("changed")]
</mx:Metadata>
とMetadataタグを使用します。で、イベントを発生させたいタ...
dispatchEvent({type:'changed'})
とイベントをディスパッチします。
たとえば、ボタン付のカスタムコンポーネントがあり、そのボ...
-呼び出す側
<local:GridView xmlns:local="*" id="gridView"
dataObject="{catalog}" buttonClicked="mx.controls.Al...
↑ buttonClickedはボタンをクリックしたときに発生するイベ...
-カスタムコンポーネント側
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.macromedia.com/2003/mxml" ...
<mx:Metadata>
[Event("buttonClicked")]
</mx:Metadata>
<!-- 属性の定義-->
<mx:Script>
<![CDATA[
var dataObject;
]]>
</mx:Script>
<mx:DataGrid id="list" width="100%" height="100%" data...
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Name" columnName=...
<mx:DataGridColumn headerText="Price" columnName...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:Button label="Button" click="dispatchEvent({type:'...
</mx:VBox>
こうすると、
-カスタムコンポーネント側でボタンがクリックされる
-ボタンタグのclickイベントが発生し dispatchEvent({type:'b...
-このタグのbuttonClickedに書いてある処理が呼ばれる
となります。
----
この記事は
#vote(おもしろかった[57],そうでもない[48])
- コンポーネントは必ずしもコンテナである必要はありません...
#comment
#topicpath
SIZE(10){現在のアクセス:&counter;}
終了行:
// 下階層用テンプレート
#topicpath
----
//ここにコンテンツを記述します。
#contents
Flexは、ボタンとかいろいろなコンポーネントをのせたMXMLフ...
<local:MyComponent xmlns:local="*" id="hoge" />
と呼び出すことができます。この機能をカスタムコンポーネン...
カスタムコンポーネントを作成するためのルールとしては
-タグをコンテナ(VBoxとか)で始める((通常はApplicationで始...
くらいですね。SWTで言うところの、Compositeをextendsしてカ...
***自分で作ったカスタムコンポーネントに属性を定義する。 [...
属性の定義は、カスタムコンポーネントのMXMLファイル側で、...
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.macromedia.com/2003/mxml" ...
<!-- 属性の定義-->
<mx:Script>
<![CDATA[
var dataObject;
]]>
</mx:Script>
<mx:DataGrid id="list" width="100%" height="100%" data...
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Name" columnName=...
<mx:DataGridColumn headerText="Price" columnName...
</mx:Array>
</mx:columns>
</mx:DataGrid>
</mx:VBox>
とすることで、呼び出し元は
<local:MyComponent xmlns:local="*" id="gridView" dataObj...
などとして、変数を属性として使用することができます。これ...
逆に、
gridView.dataObject
などプロパティ経由で、内部のデータにアクセスすることがで...
#ref(myComp.png)
***イベントを定義する。 [#we855a7d]
通常の属性はカスタムコンポーネント側に変数を用意しました...
<mx:Metadata>
[Event("changed")]
</mx:Metadata>
とMetadataタグを使用します。で、イベントを発生させたいタ...
dispatchEvent({type:'changed'})
とイベントをディスパッチします。
たとえば、ボタン付のカスタムコンポーネントがあり、そのボ...
-呼び出す側
<local:GridView xmlns:local="*" id="gridView"
dataObject="{catalog}" buttonClicked="mx.controls.Al...
↑ buttonClickedはボタンをクリックしたときに発生するイベ...
-カスタムコンポーネント側
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.macromedia.com/2003/mxml" ...
<mx:Metadata>
[Event("buttonClicked")]
</mx:Metadata>
<!-- 属性の定義-->
<mx:Script>
<![CDATA[
var dataObject;
]]>
</mx:Script>
<mx:DataGrid id="list" width="100%" height="100%" data...
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Name" columnName=...
<mx:DataGridColumn headerText="Price" columnName...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:Button label="Button" click="dispatchEvent({type:'...
</mx:VBox>
こうすると、
-カスタムコンポーネント側でボタンがクリックされる
-ボタンタグのclickイベントが発生し dispatchEvent({type:'b...
-このタグのbuttonClickedに書いてある処理が呼ばれる
となります。
----
この記事は
#vote(おもしろかった[57],そうでもない[48])
- コンポーネントは必ずしもコンテナである必要はありません...
#comment
#topicpath
SIZE(10){現在のアクセス:&counter;}
ページ名:
![[PukiWiki]](https://www.masatom.in/pukiwiki/image/kinosite.png "[PukiWiki]"){kind=small}
