- Visualforce Development Cookbook
- Keir Bowden
- 459字
- 2021-08-06 16:43:37
Data-driven decimal places
Attributes passed to custom components from Visualforce pages can be used wherever the merge syntax is legal. The <apex:outputText /> standard component can be used to format numeric and date values, but the formatting is limited to literal values rather than merge fields. In this scenario, an attribute indicating the number of decimal places to display for a numeric value cannot be used directly in the <apex:outputText /> component.
In this recipe we will create a custom component that accepts attributes for a numeric value and the number of decimal places to display for the value. The decimal places attribute determines which optional component is rendered to ensure that the correct number of decimal places is displayed, and the component will also bracket negative values. A Visualforce page will also be created to demonstrate how the component can be used.
How to do it…
This recipe does not require any Apex controllers, so we can start with the custom component.
- Navigate to the Visualforce Components setup page by clicking on Your Name | Setup | Develop | Components.
- Click on the New button.
- Enter
DecimalPlacesin the Label field. - Accept the default DecimalPlaces that is automatically generated for the Name field.
- Paste the contents of the
DecimalPlaces.componentfile from the code download into the Visualforce Markup area and click on the Save button. - Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.
- Click on the New button.
- Enter
DecimalPlacesDemoin the Label field. - Accept the default DecimalPlacesDemo that is automatically generated for the Name field.
- Paste the contents of the
DecimalPlacesDemo.pagefile from the code download into the Visualforce Markup area and click on the Save button. - Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.
- Locate the entry for the DecimalPlacesDemo page and click on the Security link.
- On the resulting page, select which profiles should have access and click on the Save button.
How it works…
Opening the following URL in your browser displays the DecimalPlacesDemo page: https://<instance>/apex/DecimalPlacesDemo.
Here, <instance> is the Salesforce instance specific to your organization, for example, na6.salesforce.com.
The Visualforce page iterates a number of opportunity records and delegates to the component to output the opportunity amount, deriving the number of decimal places from the amount.
<c:DecimalPlaces dp="{!TEXT(MOD(opp.Amount/10000, 5))}"
value="{!opp.Amount}" />
The component conditionally renders the appropriate output panel, which contains two conditionally rendered <apex:outputText /> components, one to display a positive value to the correct number of decimal places and another to display a bracketed negative value.
<apex:outputPanel rendered="{!dp=='1'}">
<apex:outputText rendered="{!AND(NOT(ISNULL(VALUE)), value>=0)}"
value="{0, number, #,##0.0}">
<apex:param value="{!value}"/>
</apex:outputText>
<apex:outputText rendered="{!AND(NOT(ISNULL(VALUE)), value<0)}"
value="({0, number, #,##0.0})">
<apex:param value="{!ABS(value)}"/>
</apex:outputText>
</apex:outputPanel>
See also
- The Data-driven styling recipe in Chapter 1, General Utilities shows how to conditionally color a numeric value based on whether it is positive or negative.
- Raspberry Pi for Python Programmers Cookbook（Second Edition）
- Web交互界面設計與制作（微課版）
- Mastering Concurrency in Go
- Magento 2 Theme Design（Second Edition）
- Mastering AndEngine Game Development
- D3.js 4.x Data Visualization（Third Edition）
- Extending Puppet（Second Edition）
- Python機器學習算法: 原理、實現與案例
- Extreme C
- Web性能實戰
- Python 3.7從入門到精通（視頻教學版）
- Buildbox 2.x Game Development
- Docker：容器與容器云（第2版）
- Offer來了：Java面試核心知識點精講（框架篇）
- Beginning C# 7 Hands-On：The Core Language