salesfroce vf page

（文档）https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_compref.htm

一·vf page的组件

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_compref.htm

1. 调用报表（analytics:reportChart ）

<analytics:reportChart reportId="{!$Label.BEI_PDF_Statement}（报表的id）" rendered="true" showRefreshButton="false" size="tiny" id="host_chart" cacheResults="true" filter="[{column:'ACCOUNT_ID', operator:'equals', value:'{!accid}'}]"></analytics:reportChart>

2. 循环遍历数据（apex:repeat）

1. list集合

public List<String> people {
    get { 
        return new List<String>{'Winston', 'Julia', 'Brien'};
    }
    set;
}

public List<Integer> iter {
    get { 
        return new List<Integer>{0, 1, 2};
    }
    set;
}

<apex:repeat value="{!iter}" var="pos"> <apex:outputText value="{!people[pos]}" /><br/></apex:repeat>

2. map集合

public Map<String,String> directors {
    get {
        return new Map<String, String> {
            'Kieslowski' => 'Poland', 
            'del Toro' => 'Mexico', 
            'Gondry' => 'France'
        };
    }
    set;
}

<apex:repeat value="{!directors}" var="dirKey">

<apex:outputText value="{!dirKey}" /> --

<apex:outputText value="{!directors[dirKey]}" /><br/>

</apex:repeat>

3. 转换时间格式

<!-- 转换时间格式 -->

<apex:outputText value="{0,date,YYYY-MM-dd}">

<apex:param value="{填入值}" />

</apex:outputText>

4. 引用静态资源

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_resources_reference.htm(引用静态资源文档)

1. 引用单独文件夹$Resource.<resource_name>，resource_name是资源的名称，例如：

<apex:image url="{!$Resource.TestImage}" width="50" height="50"/>ro

<apex:includeScript value="{!$Resource.MyJavascriptFile}"/>

2. 要引用存档中的文件，请使用URLFOR功能。指定您在使用第一个参数上传档案时提供的静态资源名称，并使用第二个参数指定档案中所需文件的路径。例如：

<apex:includeScript value="{!URLFOR($Resource.parseCSV, 'jquery.js')}"/>

3. 当您在 Visualforce 页面中使用该 CSS 时，您需要确保 CSS 文件可以找到图像。为此，创建一个包含 styles.css和img/testimage.gif的存档（例如 zip 文件） 。确保路径结构保留在存档中。然后将存档文件作为名为“style_resources”的静态资源上传。然后，在您的页面中，添加以下组件：

<apex:stylesheet value="{!URLFOR($Resource.parseCSV, 'beAlert/BeAlert.css')}" />

5. 用于 JavaScript 远程处理的 OAuth 2.0 身份验证

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_js_remoting_oauth.htm

<script type="text/javascript">

    Visualforce.remoting.oauthAccessToken = <access_token>;

</script>