SalesForce.com/VisualForce/Apexタグ/dataList の変更点

Top > SalesForce.com > VisualForce > Apexタグ > dataList


*<apex: dataList>
 ApexCode?で取得してきたListオブジェクトを展開するタグ。
 apex:dataTableとの違いは、出力される際にHTMLの<ul><li>になること。
 apex:pageタグと同様に、多くのAttributeが存在する。


**属性
,Attribute,Valueの型,デフォルト,概要
,dir,String,,"生成されたHTMLコンポーネントを読み込む向きを指定 。値にはRTL(Right To Left)かLTR(Left To Right)がある。"
,first,Integer,,"リストの最初の要素。最初の要素のインデックスは0。例:最初の3つのインデックスを表示させたくない場合は、first=2と書く。"
,id,String,,"他のコンポーネントがこのコンポーネントを参照するための識別子。"
,lang,String,,"生成されたHTMLアウトプットの基本言語。例:enや en-USなど。この属性に関する詳しい内容はhttp://www.w3.org/TR/REC-html40/struct/dirlang.htmlを参照。"
,onclick,String,,"コンポーネントをクリックしたときに実行されるJavaScript。"
,ondblclick,String,,"コンポーネントをダブルクリックしたときに実行されるJavaScript。"
,onkeydown,String,,"キーを叩いたときに実行されるJavaScript。"
,onkeypress,String,,"キーを押さえ続けたときに実行されるJavaScript。"
,onkeyup,String,,"キーを放したときに実行されるJavaScript。"
,onmousedown,String,,"マウスをクリックしたときに実行されるJavaScript。"
,onmousemove,String,,"マウスポインタを動かしたときに実行されるJavaScript。"
,onmouseout,String,,"マウスポインタをコンポーネントから離して動かしたときに実行されるJavaScript。"
,onmouseover,String,,"マウスポインタをコンポーネントへ向けて動かしたときに実行されるJavaScript。"
,onmouseup,String,,"マウスボタンを放したときに実行されるJavaScript。"
,rendered,Boolean,TRUE,"コンポーネントがページ上で実行されるかどうかを明示するBoolean値。"
,rows,Integer,0,"表示される最大項目数。値が0のとき、全て表示される。"
,style,String,,"このコンポーネントを表示するために使われるスタイル。主にインラインCSSを追記するのに使われる。"
,styleClass,String,,"このコンポーネントを表示するために使われるスタイルクラス。、外部からのCSS スタイルシートを使うとき、どのCSSスタイルが適用されるかを指定する。"
,title,String,,"マウスポインタがコンポーネント上に載っている状態のときに表示されるテキスト。"
,type,String,disc,"リストのタイプ。番号付きリスト場合指定できる値 :1、a、 A、 i、 I、番号なしの場合指定できる値:disc、square、 circle"
,value,Object,,"リストを表示するコレクションデータ。"
,var,String,,"変数名。Value属性によって明示されたコレクションの要素1つを表現する。dataListタグ内で要素を表示することが可能。"

**使用例
 
【ページ:apexDataTable】

 <apex:page controller="dataListController" id="thePage">
   <apex:dataList type="1" title="AccountList" value="{!accounts}" var="account" id="accountList">
      <apex:outputText value="{!account.name}"/>
   </apex:dataList>
 </apex:page>
-controller:自分で定義したコントローラ。
-title:コンポーネントにカーソルを置いたときに、title=" 以降で指定した「AccountList」が表示される。
-type:type="1"のとき、1から始まる数字項目のリストが形成される。


【コントローラ:dataListController】

 public class dataListController {
     List<Account> accounts;
     public List<Account> getAccounts() {
             if(accounts == null){
                 accounts = [select name from account limit 20];
             }
     return accounts;
     }
 }

実行するには存在するAccountIdをつけてアクセスする。
 https://<salesforceHost>/apex/MyPage
-<salesforceHost>は自分の環境のsalesforceHost名。
-MyPageは自分が作成したVisualforceページ名。

TOP