Apex:使用VF自帶標(biāo)簽實(shí)現(xiàn)簡(jiǎn)單數(shù)據(jù)分頁(yè)功能

當(dāng)你想要在VF頁(yè)面上展示1000+的數(shù)據(jù)時(shí)砾跃,你就必須使用分頁(yè)朗若,否則就會(huì)報(bào)錯(cuò)“Collection size xxxx exceeds maximum size of 1000”。本文將教你如何使用VF自帶標(biāo)簽實(shí)現(xiàn)最基本的分頁(yè)功能瞳氓。

一、需求闡述

自定義頁(yè)面,展示系統(tǒng)中所有accounts的名稱(chēng)似谁、類(lèi)型和電話,點(diǎn)擊名稱(chēng)可以進(jìn)入某個(gè)account的詳細(xì)頁(yè)面掠哥;并且在該自定義頁(yè)面中巩踏,可以編輯和刪除account。

二续搀、邏輯梳理

這個(gè)需求里并沒(méi)有復(fù)雜的邏輯塞琼,實(shí)現(xiàn)起來(lái)也非常簡(jiǎn)單,下面直接上代碼>-<

三禁舷、代碼實(shí)現(xiàn)

1. Controller
public with sharing class SepPageCtl2 {
    List<Account> accounts {get; set;}

    public SepPageCtl2 (ApexPages.StandardController controller){

    }

    //instantiate the StandardSetController from a query locator
    public ApexPages.StandardSetController con {
        get{
            if(con == null){
                con = new ApexPages.StandardSetController(Database.getQueryLocator(
                [SELECT Id, Name, Phone, Type, Industry, Owner.Name FROM Account ORDER BY Name LIMIT 100]));
                // sets the number of records in each page set
                con.setPageSize(5);
            }
            return con;
        }
        set;
    }

    // returns a list of account in the current page set
    public List<Account> getAccounts(){
        return (List<Account>) con.getRecords();
    }

    public PageReference process(){
        return null;
    }

    // indicates whether there are more records after the current page set.
    public Boolean hasNext{
        get{
            return con.getHasNext();
        }
        set;
    }

    // indicates whether there are more records before the current page set.
    public Boolean hasPrevious{
        get{
            return con.getHasPrevious();
        }
        set;
    }

    // returns the page number of the current page set
    public Integer pageNumber{
        get{
            return con.getPageNumber();
        }
        set;
    }

    // returns the first page of records
    public void first(){
        con.first();
    }

    // returns the last page of records
    public void last(){
        con.last();
    }

    // returns the previous page of records
    public void previous(){
        con.previous();
    }

    // returns the next page of records
    public void next(){
        con.next();
    }

    // returns the PageReference of the original page, if known, or the home page.
    public void cancel(){
        con.cancel();
    }
}
2. VF Page
<apex:page id="SepPageDemo2" standardController="Account" extensions="SepPageCtl2">
    <apex:form>
        <apex:pageBlock title="Account List">
            <apex:pageBlockSection title="Page {!pageNumber}" columns="1">
                <apex:pageBlockTable value="{!Accounts}" var="a">
                    <apex:column headerValue="操作" style="width:5%">
                        <a href="{!URLFOR($Action.Account.Edit,a.id,[retURL=''])}">編輯</a>|
                        <a href="{!URLFOR($Action.Account.Delete,a.id,[retURL=''])}">刪除</a>
                    </apex:column>
                    <apex:column headerValue="名稱(chēng)" style="width:15%">
                        <apex:outputLink value="{!URLFOR($Action.Account.View,a.id,[retURL=''])}">{!a.Name}</apex:outputLink>
                    </apex:column>
                    <apex:column headerValue="電話" style="width:15%">
                        <a href="#" onclick="singheadDial('6112',{!a.Phone});" id="dial2">
                            <apex:outputPanel rendered="{!IF(a.Phone != '',true,false)}">
                                {!a.Phone}
                            </apex:outputPanel>
                        </a>
                    </apex:column>
                    <apex:column headerValue="類(lèi)型" style="width:15%">
                        <apex:outputField value="{!a.Type}"/>
                    </apex:column>
                </apex:pageBlockTable>
            </apex:pageBlockSection>
        </apex:pageBlock>

        <apex:panelGrid columns="4">
            <apex:commandLink action="{!first}">First</apex:commandLink>
            <apex:commandLink action="{!previous}" rendered="{!hasPrevious}">Previous</apex:commandLink>
            <apex:commandLink action="{!next}" rendered="{!hasNext}">Next</apex:commandLink>
            <apex:commandLink action="{!last}">Last</apex:commandLink>
        </apex:panelGrid>
    </apex:form>
</apex:page>
3. 效果
第一頁(yè)長(zhǎng)這樣~

第二頁(yè)~ 咦彪杉?出現(xiàn)了個(gè)Previous?

四、知識(shí)點(diǎn)回顧

1. ApexPages.StandardSetController

當(dāng)為一個(gè)標(biāo)準(zhǔn)Controller定義拓展時(shí)牵咙,即可使用StandardSetController類(lèi)派近。具體用法可參考官方文檔:

此外,在ApexPages命名空間下霜大,還有以下幾個(gè)類(lèi)比較常用:

  • ApexPages.Message: 使用此類(lèi)將信息傳遞到前臺(tái)顯示构哺,常用于顯示異常信息(系統(tǒng)異常or自定義異常);
  • ApexPages.Action: 實(shí)現(xiàn)前后臺(tái)交互。
2. PageReference

在之前的筆記中有過(guò)講述战坤,這里不贅述曙强。→傳送門(mén)

3. URLFOR

在文中有這樣一段代碼途茫,用于給“編輯”和“刪除”添加超鏈接碟嘴。

<apex:column headerValue="操作" style="width:5%">
    <a href="{!URLFOR($Action.Account.Edit,a.id,[retURL=''])}">編輯</a>|
    <a href="{!URLFOR($Action.Account.Delete,a.id,[retURL=''])}">刪除</a>
</apex:column>

其中,URLFOR用于獲取一個(gè)對(duì)象動(dòng)作的超鏈接囊卜。使用方法如下:

{!URLFOR(target, id, [inputs], [no override])}

  • target: You can replace target with a URL or action, s-control or static resource.
  • id: This is id of the object or resource name (string type) in support of the provided target.
  • inputs: Any additional URL parameters you need to pass you can use this parameter. You will to put the URL parameters in brackets and separate them with commas. ex: [param1="value1", param2="value2"]
  • no override: A Boolean value which defaults to false, it applies to targets for standard Salesforce pages. Replace "no override" with "true" when you want to display a standard Salesforce page regardless of whether you have defined an override for it elsewhere.

一般來(lái)說(shuō)娜扇,使用URLFOR有三個(gè)目的:獲取s-control的URL;獲取靜態(tài)資源的URL栅组;獲取一個(gè)對(duì)象動(dòng)作的URL雀瓢。在本例中,URLFOR用于獲取一個(gè)對(duì)象動(dòng)作的URL玉掸。那么刃麸,一個(gè)對(duì)象可以有哪些動(dòng)作呢?常見(jiàn)的有以下幾個(gè):

  • View: Shows the detail page of an object
  • Edit: Shows the object in Edit mode
  • Delete: URL for deleting an object
  • New: URL to create a new record of an object
  • Tab: URL to the home page of an object
<!-- Use $Action global varialble to access the New action reference -->
<apex:outputLink value="{!URLFOR($Action.Account.New)}">New</apex:outputLink>
<br/>
<!-- View action requires the id parameter, a standard controller can be used to obtain the id -->
<apex:outputLink value="{!URLFOR($Action.Account.view, account.id)}">View</apex:outputLink> 
<br/>
<!-- Edit action requires the id parameter, id is taken from standard controller in this example -->
<apex:outputLink value="{!URLFOR($Action.Account.Edit, account.id)}">Edit</apex:outputLink>  
<br/>
<!-- Delete action requires the id parameter, also a confirm message is added to prevent deleting the record when clicked by mistake -->
<apex:outputLink value="{!URLFOR($Action.Account.delete, account.id)}" onclick="return window.confirm('Are you sure?');">Delete</apex:outputLink> 
<br/>
<!-- From all custom buttons, links, s-controls and visualforce pages you can use the following to get the link of the object's homepage -->
<apex:outputLink value="{!URLFOR($Action.Account.Tab, $ObjectType.Account)}">Home</apex:outputLink> 

關(guān)于URLFOR用于"獲取s-control的URL"和"獲取靜態(tài)資源的URL"的用法請(qǐng)參考http://salesforcesource.blogspot.com/2008/12/urlfor-function-finally-explained.html(可能需要翻墻才能看)司浪。

4. rendered

在文中有這樣一段代碼泊业,筆者發(fā)現(xiàn)把rendered去掉之后把沼,Next和Previous就不能像現(xiàn)在這樣智能地顯示了(即有前一頁(yè)的時(shí)候才顯示Previous,否則不顯示吁伺,Next同理)饮睬。那rendered究竟有啥用呢?事實(shí)上篮奄,render用于顯示/隱藏某個(gè)block, output panel 或input/output fields 捆愁。

 <apex:panelGrid columns="4">
      <apex:commandLink action="{!first}">First</apex:commandLink>
      <apex:commandLink action="{!previous}" rendered="{!hasPrevious}">Previous</apex:commandLink>
      <apex:commandLink action="{!next}" rendered="{!hasNext}">Next</apex:commandLink>
      <apex:commandLink action="{!last}">Last</apex:commandLink>
</apex:panelGrid>

經(jīng)常會(huì)有人混淆render, reRerender和renderAs。下面我們就來(lái)辨析一下~

  • render:布爾值宦搬,默認(rèn)為true牙瓢。用于顯示/隱藏某個(gè)block, output panel 或input/output fields 。
    我們也可以使用在render屬性?xún)?nèi)使用IF條件间校,e.g.
<apex:inputField id="Id1" value="{!Obj.Field1}" rendered="{!IF(Obj.fieldname = 'dk'|| Obj.fieldname = 'Dinesh' ,true,false)}"/>
  • reRerender:用于在服務(wù)器響應(yīng)完成后刷新output panel, block或fields矾克。例如,你有一個(gè)用于添加account和相應(yīng)contact的頁(yè)面憔足,你希望每次操作后都能把最近添加的記錄展示出來(lái)胁附,那么就可以用reRerender來(lái)刷新。
  • renderAs:用于用HTML, pdf, excel等格式顯示VF頁(yè)面滓彰。
    for pdf – renderAs =”pdf”
    for HTML – renderAs =”html”
    for excel – <apex:page controller=”contactquery” contentType=”application/vnd.ms-excel#SalesForceExport.xls” cache=”true”>

五控妻、總結(jié)

懶不得寫(xiě)了~~


參考:
https://www.cnblogs.com/zero-zyq/p/5343287.html
https://blog.csdn.net/itsme_web/article/details/68063029
https://sfdcpanther.wordpress.com/2017/10/04/difference-between-render-rerender-and-renderas/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市揭绑,隨后出現(xiàn)的幾起案子弓候,更是在濱河造成了極大的恐慌,老刑警劉巖他匪,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菇存,死亡現(xiàn)場(chǎng)離奇詭異题暖,居然都是意外死亡迈套,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)兆览,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)悼沈,“玉大人贱迟,你說(shuō)我怎么就攤上這事⌒豕” “怎么了衣吠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)壤靶。 經(jīng)常有香客問(wèn)我缚俏,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任袍榆,我火速辦了婚禮,結(jié)果婚禮上塘揣,老公的妹妹穿的比我還像新娘包雀。我一直安慰自己,他們只是感情好亲铡,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布才写。 她就那樣靜靜地躺著,像睡著了一般奖蔓。 火紅的嫁衣襯著肌膚如雪赞草。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天吆鹤,我揣著相機(jī)與錄音厨疙,去河邊找鬼。 笑死疑务,一個(gè)胖子當(dāng)著我的面吹牛沾凄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播知允,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼撒蟀,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了温鸽?” 一聲冷哼從身側(cè)響起保屯,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涤垫,沒(méi)想到半個(gè)月后姑尺,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡雹姊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年股缸,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吱雏。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡敦姻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出歧杏,到底是詐尸還是另有隱情镰惦,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布犬绒,位于F島的核電站旺入,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜茵瘾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一礼华、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拗秘,春花似錦圣絮、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至凡涩,卻和暖如春棒搜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背活箕。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工力麸, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人育韩。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓末盔,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親座慰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子陨舱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,308評(píng)論 0 10
  • D4-32號(hào)-瘋帽先生-薩日朗 ?任務(wù)四 這是個(gè)剛開(kāi)始涅槃的鳳凰,黑色代表她所受的折磨版仔,白色代表升華的希望游盲,藍(lán)色是...
    薩行颯風(fēng)閱讀 153評(píng)論 0 0
  • 真的是因?yàn)閴毫κ撸恳驗(yàn)槭謾C(jī)失眠蛮粮?因?yàn)檎J(rèn)床失眠益缎?我覺(jué)得我的失眠首先沒(méi)有困意,戓者忽然醒了然想,后面就開(kāi)始豪情萬(wàn)...
    中分大叔閱讀 184評(píng)論 0 0
  • 昨天沒(méi)更文莺奔。因?yàn)槊Γ?3點(diǎn)多才下班。忙的過(guò)程中居然忘了日更這回事变泄。不知道是有意還是忙的緣故令哟,就這樣停了一天。 今天...
    拾一片梧桐閱讀 132評(píng)論 0 0
  • petsym閱讀 163評(píng)論 0 0