Salesforce中reRender和rendered控件的使用

最新推荐文章于 2022-08-10 15:07:26 发布
最新推荐文章于 2022-08-10 15:07:26 发布
阅读量638 收藏
点赞数
分类专栏： Salesforce
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33657664/article/details/114273657
版权

导航：

1.reRender控件
2.rendered控件
3.代码演示

reRender控件

用途：局部刷新

这个属性的value值是组件的ID值，可以是一个或多个ID，多个ID用’,'隔开。

rendered控件

用途：可以控制一个控件在页面上是否能显示出来。

这个属性的value是一个Boolean值。如果是true，控件会在页面上显示，否则，不会在页面上显示。

代码演示

<apex:page standardController="ChannelPrice__c" extensions="TestDataList" action="{!init}">
	<apex:form>
		<apex:pageBlock title="渠道价格查询" mode="edit">
			<apex:pageBlockSection title="查询渠道价" columns="2">
				<table> 
					<tr>
						<apex:inputField value="{!cp.MATERIALCODE__c}" /> 
						<apex:inputField value="{!cp.CHANNELPRICENAME__c}" /> <br/>	 	 
						<apex:inputField value="{!cp.MATERIALNAME__c}" /> <br/>				 
				 		<apex:inputField value="{!cp.Brand__c}" /> <br/>				 
						<apex:CommandButton value="搜索" action="{!searchChannelPrices}" reRender="sec2"/>
					</tr>
				</table>
			</apex:pageBlockSection>
			<apex:pageBlockSection  title="搜索结果" columns="2" id="sec2">
				<apex:dataList value="{!channelPricesAdd}" var="channelPrice" style="padding-left: 0px;list-style: none;margin-left: 0px;">
					<table border="1" cellpadding="1" style="font-size: 1px;">
						<tr>
							<th style="text-align: center;">物料编码</th>
							<th style="text-align: center;">物料名称</th>
							<th style="text-align: center;">品牌</th>
							<th style="text-align: center;">类别</th>
							<th style="text-align: center;">价格</th>
							<th style="text-align: center;">数量(瓶)</th>
							<th style="text-align: center;">公司</th>
						</tr>
						<tr>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALCODE__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALNAME__c}"/>
							</td>
							<td>
								<apex:outputText rendered="{!IF(channelPrice.Brand__c=='百威', true, false)}" value="{!channelPrice.Brand__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.CHANNELPRICENAME__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.PRICE__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.StockBaseQuantity__c}"/> 
							</td>
							<td>
								<apex:outputText value="{!channelPrice.CompanyName__c}"/> 
							</td>
						</tr>
	        		</table>
	    		</apex:dataList>
	    	</apex:pageBlockSection>
		</apex:pageBlock>
	</apex:form>	
</apex:page>

代码分析：
reRender控件引入到搜索按钮里面，并在搜索结果中将值传入到id
在这里插入图片描述
代码分析：
使用rendered控制Brand__c值的显示，当品牌等于 ‘百威’ 则会隐藏，否则就会显示
在这里插入图片描述
reRender添加多个id：

案例：

问题1：
通过以上代码，我如何使用一个按钮同时去控制两个组件呢？

直接上代码，这里我们先添加一个pageBlockSection标签，加入一个table

<apex:page standardController="ChannelPrice__c" extensions="TestDataList" action="{!init}">
	<apex:form>
		<apex:pageBlock title="渠道价格查询" mode="edit">
			<apex:pageBlockSection title="查询渠道价" columns="2">
				<table> 
					<tr>
						<apex:inputField value="{!cp.MATERIALCODE__c}" /> 
						<apex:inputField value="{!cp.CHANNELPRICENAME__c}" /> <br/>	 	 
						<apex:inputField value="{!cp.MATERIALNAME__c}" /> <br/>				 
				 		<apex:inputField value="{!cp.Brand__c}" /> <br/>				 
						<apex:CommandButton value="搜索" action="{!searchChannelPrices}" reRender="sec1,sec2"/>
					</tr>
				</table>
			</apex:pageBlockSection>
			<apex:pageBlockSection  title="搜索结果" columns="2" id="sec1">
				<apex:dataList value="{!channelPricesAdd}" var="channelPrice" style="padding-left: 0px;list-style: none;margin-left: 0px;">
					<table border="1" cellpadding="1" style="font-size: 1px;">
						<tr>
							<th style="text-align: center;">物料编码</th>
							<th style="text-align: center;">物料名称</th>
							<th style="text-align: center;">品牌</th>
							<th style="text-align: center;">类别</th>
							<th style="text-align: center;">价格</th>
							<th style="text-align: center;">数量(瓶)</th>
							<th style="text-align: center;">公司</th>
						</tr>
						<tr>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALCODE__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALNAME__c}"/>
							</td>
							<td>
								<apex:outputText rendered="{!IF(channelPrice.Brand__c=='百威', true, false)}" value="{!channelPrice.Brand__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.CHANNELPRICENAME__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.PRICE__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.StockBaseQuantity__c}"/> 
							</td>
							<td>
								<apex:outputText value="{!channelPrice.CompanyName__c}"/> 
							</td>
						</tr>
	        		</table>
	    		</apex:dataList>
	    	</apex:pageBlockSection>
	    	<apex:pageBlockSection  title="搜索结果2" columns="2" id="sec2">
				<apex:dataList value="{!channelPricesAdd}" var="channelPrice" style="padding-left: 0px;list-style: none;margin-left: 0px;">
	        		<table border="1" cellpadding="1" style="font-size: 1px;">
						<tr>
							<th style="text-align: center;">物料编码</th>
							<th style="text-align: center;">物料名称</th>
						</tr>
						<tr>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALCODE__c}"/>
							</td>
							<td>
								<apex:outputText value="{!channelPrice.MATERIALNAME__c}"/>
							</td>
						</tr>
	        		</table>
	    		</apex:dataList>
	    	</apex:pageBlockSection>
		</apex:pageBlock>
	</apex:form>	
</apex:page>

这里的第一个table的id修改为sec1，第二个table的id修改为sec2，加入到reRender中，用’,'隔开
在这里插入图片描述
这样便可以用时查询两个table：

看下查询结果
在这里插入图片描述

总结：这里对用Visualforce代码简单的做了一个reRender和rendered的分析，它们的功能使用大概就是如此。

夜幕下的仰望
关注
专栏目录
SF ：Salesforce中，reRender控件和rendered控件的使用
weixin_34396103的博客
07-25 284
reRender:用途：局部刷新 这个属性的value值是组件的ID，可以是一个或多个ID，多个ID用','隔开。rendered:用途：可以控制一个控件是页面上是否能显示出来。这个属性的value是一个Boolean值。如果是true，控件会在页面上显示，否则，不会在页面上显示。reRender与rendered的联合使用：不能在一个控...
031_组件 reRender控件和rendered控件的使用
07-10 302
reRender: 用途：局部刷新 这个属性的value值是组件的ID，可以是一个或多个ID，多个ID用‘,‘隔开。相当于重新刷新局部中的内容 rendered: 用途：可以控制一个控件是页面上是否能显示出来。 这个属性的value是一个Boolean值。如果是true，控件会在页面上显示，否则，不会在页面上显示。 reRender与rende...
salesforce apex + vf page 查找后 更新数据
于涛的专栏
08-03 3182
1. ItemEdit apex: public with sharing class YUT_ItemEditController { private ApexPages.StandardController controller {get; set;} public List searchResults {get;set;} public string searchText
Salesforce action function调用不到的解决方式
ceeko2012的博客
08-10 344
Salesforce action function调用不到的解决方式
salesforce 页面开发
weixin_30535565的博客
03-19 215
标准组件： action：调用的后台方法 assignTo： reRender：刷新 <apex:page controller="PartsSearchAndManagementController" tabStyle="Parts__c"> <html> <body> <script type="text/jav...
salesforce使用手册.pdf
09-18
组织设置是 Salesforce 中的关键部分，允许管理员根据企业的需求调整系统配置。这包括： 1. **设置您的组织**：定义公司信息、品牌元素以及默认的语言和时间区域。 2. **设置客户支持**：配置服务台设置，以处理...
DataloadertoFTP:使用 Dataloader 从 Salesforce 中提取数据并使用 ANT 将其保存在 FTP 上
06-08
使用 Dataloader 从 Salesforce 中提取数据并使用 ANT 将其保存在 FTP 上 可能有数百个用例需要我们从 Salesforce 备份数据，我们有数千个选项。 我们可以使用 Jitterbit、Mulesoft、Dataloader.io 或一些大型 ETL ...
platform-event-consumer:CLI工具使用Salesforce中的平台事件
05-02
平台事件使用者 CLI工具，用于消耗来自Salesforce组织的平台事件。 如何安装 ...为了以这种方式使用事件，您将需要在计算机中安装SFDX并使用任何授权要使用事件的组织。 platform-event-consumer --ev
plivo-salesforce-example:完整的Salesforce演示，展示了如何使用Plivo Salesforce帮助程序库在Salesforce中进行呼叫和发送短信
05-10
plivo-salesforce-example 完整的Salesforce演示，展示了如何使用Plivo Salesforce帮助程序库在Salesforce中进行呼叫和发送短信。
salesforce-mobile-ionic:使用Ionic和AngularJS的SalesForce Mobile的示例启动项目
05-03
使用Ionic和AngularJS的SalesForce的示例项目。 根据教程创建项目，并找到有关SalesForce的资料。 必需的 节点JS NPM 强制服务器 离子的 科尔多瓦 移动SDK（Android，iOS） 发展 移动的 可用的离子平台：android...
JSF中使用rendered时的两个问题??
rmn190
03-10 1194
    &lt;tr&gt;               &lt;td valign="top" align="right"&gt;                &lt;h:outputText                     rendered = "#{addWallpaperBulkConfigController.addWallpaperBulkConfigModel.conten...
JSF的h:outputText 实现根据条件判断是否标红值显示
渴望飞的鱼的博客
06-12 1276
原来代码： <h:outputText value="#{snOrderInvoice.cust_name}" /> 处理方法： 当需要根据自己定义的值去判断的时候，需要添加上：style="color:red" 即可。同时，需要添加rendered去判断条件。 上代码： <h:outputText style="color:red" value="#...
Salesforce VisualForce必填属性和是否显示属性
wangyi9896的博客
03-13 693
required="true" 必填属性  docType="html-5.0"不能用这个属性rendered是否显示在页面上，布尔类型reRender刷新区域&lt;apex:inputField value="{!OceanShippingInfo.Destination__c}" required="true" rendered="{!ShowCreateButton}"/&gt;...
Salesforce在Visualforce页面调用Controller中的方法
liangyuchengaj的博客
01-22 1067
Visualforce页面调用后台Controller中的方法，常用的有以下几种： （1）Action public void search_product(){ ... } &lt;apex:commandButton style="position: relative;left:5px;bottom:2px;" id="searchId" value="Search" action="{!...
vue强制刷新组件_如何强制vue组件重新渲染
weixin_39642990的博客
12-19 1048
【不完全翻译系列】有些时候vue的响应机制并不起作用(注：vue官网文档 注意事项)，这个时候我们需要强制vue组件重新渲染，也或许你可以删掉当前的组件重新创建一个新组件。所以，如何才能正确地让组件重新渲染？最好的方法是给组件设置 :key ，当你需要组件重新渲染时，只需要更改key的值。除了用key外，用的比较多的还有另外两种方法：用v-if用组件的forceUpdate方法v-if如我们将re...
salesforce apex + vf page 动态显示object 和 动态加载显示的列
于涛的专栏
08-03 2810
1. salesforce apex class: public with sharing class YUT_DynamicTableController { //List displayed on UI public List supportedObject {get; set;} //Selected Object public Strin
利用 Salesforce的apex:outputText 实现VF画面的格式化
elegant的专栏
11-15 1368
有的时候需要把Salesforce抽取出来的数据格式化以后，表示到画面上，例如，数字，货币等等 可以利用 outputText 组建来完成显示的数字的格式化 例如:   1：数字保留两位小数显示到画面上               2： 无小数点的数字表示                 3： 标准的逗号间隔数字
reRender属性的使用
周二也被占用
09-08 4775
我遇到了一个问题： 我在后台已经确定给一个变量赋值了，但是前台页面上仍显示初始化的值，而并不是我赋的值。 解决方法： 使用reRender属性。 比如 这个属性会把id为number的元素重新渲染一遍。 如果是一个会显示后台数据的元素，则会重新去后台取数据。 如： Reference： a4j（Ajax 4 jsf）的使用指南
Salesforce中的ligthing的组件框架介绍
PJ老文的博客
03-20 1124
一. Controller js介绍 因为component不允许写任何的js，即使类似onclick="alert(xxx);"这种js也是被禁止的，所以controller js部分作用是至关重要的。他管理着Component中所有的事件驱动操作。 这里假设我们在'showMyInfo' componet中有一个按钮名字是'Button1'，绑定了一个'onclick'事件，onclick...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值