[LWC小知识] 标准lightning-input-field怎么取得变更值(onchange)

最新推荐文章于 2021-04-04 12:38:44 发布
最新推荐文章于 2021-04-04 12:38:44 发布
阅读量638 收藏
点赞数
分类专栏： lightning web component 文章标签： javascript html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35714301/article/details/111186976
版权

在lightning-record-edit-form中，我们用lightning-input-field自定义需要的字段。当我们需要得到用户的输入值（如Id，值等），我们可以在标签中加上onchange事件，然后在事件中抓取值。
html：

<lightning-input-field onchange={getValue} field-name="RF_SAMPLE_NAME__c"></lightning-input-field>

js:


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  Fala Oviara
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
【LWC】Lightning标准/自定义编辑表单组件中，＜lightning-messages＞ 标签显示错误信息的两种方法 show error messages in lwc edit-form

				
			

			

				

					ljinest
				

				

					03-01
					
					308
					
				

			

		

		

			
				
<lightning-messages></lightning-messages>标签显示错误信息的两种用法
文章目录标签介绍用法字段级别的验证规则错误信息显示建立验证规则效果在Trigger中建立代码级别的验证规则例子效果总结
标签介绍
<lightning-messages></lightning-messages>是组件 lightning-record-edit-form自带的标签，它用统一的ui提示用户错误消息（error messages）。
用法

			
		

	



                

              
                



	

		

			

				
					
wpf 修改label值_Salesforce LWC学习(十九) 针对 lightninginputfield的label值重写

				
			

			

				

					weixin_39955825的博客
				

				

					12-25
					
					236
					
				

			

		

		

			
				
本篇参考：https://salesforcediaries.com/2020/02/24/how-to-override-lightning-input-field-label-in-lightning-web-component/https://developer.salesforce.com/docs/component-library/bundle/lightning-input...

			
		

	



                


  
              

                


	

		

			

				
					
获取对象属性值的两种方式

				
			

			

				

					y1238r的博客
				

				

					01-11
					
					7568
					
				

			

		

		

			
				

			
		

	





	

		

			

				
					
Salesforce LWC学习(五)  LDS & Wire Service 实现和后台数据交互 & meta xml配置

				
			

			

				

					weixin_30955617的博客
				

				

					09-01
					
					1856
					
				

			

		

		

			
				
之前的几节都是基于前台变量进行相关的操作和学习，我们在项目中不可避免的需要获取数据以及进行DML操作。之前的内容中也有提到wire注解，今天就详细的介绍一下对数据进行查询以及DML操作以及Wire Service相关的知识。
一. LDS
学习LDS以前可以先看一下aura中LDS的概念salesforce lightning零基础学习(六)Lightning Data Servic...

			
		

	



		

			
		



	

		

			

				
					
[Salesforce组件开发][LWC] 弹出框开发

				
			

			

				

					ljinest
				

				

					12-13
					
					1632
					
				

			

		

		

			
				
前言：
LWC（Lightning Web Component）是使用HTML和现代JavaScript构建的自定义HTML元素。基于在浏览器中本地运行的代码构建的，因此它是轻量级的，并具有出色的性能。在Salesforce的Lightning系统中，它十分常见，并且为SF官方推荐的下一代开发框架。Salesforce致力于开发开放的Web标准，并且是World Wide Web联盟（W3C）的成员。
弹出框概念 （Modals）
在页面App中，弹出框可以说是十分常见的Case，很多操作都会用到它，因为弹

			
		

	





	

		

			

				
					
lwc-virtual-scroll-sample:Lightning Web组件中的虚拟滚动

				
			

			

				

					05-13
				

			

		

		

			
				
标题：“lwc-virtual-scroll-sample：Lightning Web组件中的虚拟滚动”  描述：“Lightning Web组件中的虚拟滚动，通过图像展示和实例参考，揭示了如何在LWC中实现高效的数据呈现。”  标签：“javascript lwc ...

			
		

	





	

		

			

				
					
eslint-plugin-lwc：LWC的官方ESLint规则

				
			

			

				

					02-05
				

			

		

		

			
				
@ lwc / eslint-plugin-lwc 闪电Web组件（LWC）的官方ESLint规则。安装$ npm install eslint babel-eslint @lwc/eslint-plugin-lwc --save-dev用法将lwc添加到配置的plugins部分。 然后在“ rules部分中配置所需的...

			
		

	





	

		

			

				
					
lightning-language-server:LWC和Aura语言服务器-作为Salesforce VSCode扩展的一部分提供

				
			

			

				

					05-12
				

			

		

		

			
				
闪电语言服务器中使用的LWC和Aura语言服务的Mono repo。问题与特点在上存在未解决的问题和功能请求。设置开发环境先决条件请遵循此处的前提条件： : 克隆此存储库和Salesforce VSCode扩展git clone git@github....

			
		

	





	

		

			

				
					
lightning-wizard:使用LWC构建流程的向导组件

				
			

			

				

					05-04
				

			

		

		

			
				
Salesforce向导组件       < lightning xss=removed></ lightning>  < lightning xss=removed></ lightning>    < c-wizard-step labe

			
		

	





	

		

			

				
					
sfdc-ui-lookup-lwc:使用Lightning Web Components构建的Salesforce查找组件

				
			

			

				

					05-13
				

			

		

		

			
				
默认安装将在该URL下安装查找组件和示例应用程序（替换域）： https://YOUR_DOMAIN.lightning.force.com/c/SampleLookupApp.app  如果要在没有示例应用程序的情况下安装项目，请编辑sfdx-project.json并删除src-...

			
		

	





	

		

			

				
					
salesforce-lightning-web-components-lwc-library:闪电Web组件LWC库

				
			

			

				

					05-08
				

			

		

		

			
				
Salesforce Lightning Web组件（LWC）库 用制成的令人惊叹的零件清单。网络版贡献请查看我们的。UI组件-确认对话框Lightning Web组件。 -用于骨骼加载的Lightning Web组件。工具 Builder-在Lightning Web Components...

			
		

	





	

		

			

				
					
lwc-soql-builder:在Lightning Web Components Open Source中开发的很棒的SOQL执行工具

				
			

			

				

					04-23
				

			

		

		

			
				
LWC SOQL生成器LWC SOQL Builder是在LWC Open Source中开发的SOQL执行工具。 LWC SOQL Builder使在Salesforce中构建和运行SOQL非常容易。 有关更多信息，请访问特征指向和点击用户界面指向和单击用户界面使您可以...

			
		

	





	

		

			

				
					
lwc-open-source-with-heroku:带有Node.js项目的Lightning Web Component Open Source

				
			

			

				

					05-06
				

			

		

		

			
				
LWC与Heroku开源 带有Nodejs项目的Lightning Web Component Open Source。 在Heroku上部署项目 使用按钮部署项目  部署时，输入组织凭据以连接您的开发人员组织。 在Salesforce中设置 使用API​​名称'Session__c'...

			
		

	





	

		

			

				
					
lwc-redux:将Redux与Lightning Web组件集成

				
			

			

				

					05-22
				

			

		

		

			
				
 LWC-redux帮助您编写行为一致的应用程序，并为应用程序提供状态管理。 它还将JS业务和设计层分开。 安装 要安装LWC-redux，我们只需要单击下面的按钮。 它将重定向到另一个页面，您可以在其中选择production / ...

			
		

	





	

		

			

				
					
lwc-storybooks-poc：LWC故事书PoC

				
			

			

				

					02-03
				

			

		

		

			
				
lwc-storybooks-poc  LWC Storybook PoC是和的集成。 它演示了如何在诸如Storybook之类的开源项目中使用 。 基本组件实现Lightning Design System，并使用开发。 入门 在本地运行该项目，以探索Storybook中如何使用 ...

			
		

	





	

		

			

				
					
【LWC】Lightning-input-field 不同类型字段onchange事件value属性的区别

				
			

			

				

					ljinest
				

				

					04-04
					
					687
					
				

			

		

		

			
				
Lightning-input-field 不同类型字段onchange事件value属性的区别
应用场景
在使用lightning-input-field的过程中，我们是不需要规定这个输入框的输入类型的，框架会自动根据字段去选择渲染什么类型的输入框。然而当字段的类型有区别的时候，我们在元素的 onchange 事件取得用户输入值的方法也会有所改变。本文用不同类型的字段提示开发者个中区别。
五个不同类型字段
在这个组件中，有五个不同类型的字段，分别为文本、查找关系、日期时间、选项列表、多选列表。

<

			
		

	





	

		

			

				
					
Salesforce Lightning开发学习（四）重写新建/更新按钮

				
			

			

				

					weixin_30387799的博客
				

				

					01-19
					
					500
					
				

			

		

		

			
				
重写新建/更新按钮的原因是因为项目需要用户在新建数据时从接口对数据进行校验，保证数据的有效性，同时获取接口返回的部分数据完成信息填充，而Sales force的trigger仅支持@future方法异步调用接口，不能实时完成数据校验
那么重写新建/更新按钮要面临的几个核心问题：
1、lightning暂时不支持lookup字段，如果重写可能要自定义组件
2、lightning新建按钮，怎么重...

			
		

	





	

		

			

				
					
salesforce lightning 入门（一）

				
			

			

				

					Liam1994的博客
				

				

					02-28
					
					4548
					
				

			

		

		

			
				
本文参考自原文：

salesforce lightning零基础学习(三) 表达式的！(绑定表达式)与 #(非绑定表达式)

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

原文作者写的很详细，我只是copy过来，稍加改动，如有侵权，请联系我。



Lightning

aura:id
A local ID ...

			
		

	





	

		

			

				
					
2018年sfdc工作总结_Lightning公用组件_模糊搜索单选组件

				
			

			

				

					一条有理想的咸鱼的博客
				

				

					03-05
					
					407
					
				

			

		

		

			
				
在18年下半年期间，在一个通信项目开发期间用到了不少公用组件，其中部分有自己亲身参与编码的一些成果，这里总结一下，希望能为以后积累丰富经验，如果有不合理的地方也欢迎各位评论指正。

模糊搜索单选组件，包括：Aura:
AutoMatchPickList
SearchInput
CommonEvent.evt
AutoMatchListEvt.evt
Apex:
AutoMatchPickListC...

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值