salesforce的按钮执行js代码如何链接到apex代码

在Salesforce中,你可以通过自定义JavaScript按钮或链接来触发Apex代码的执行。这可以通过使用JavaScript Remoting或Visualforce页面来实现。以下是一些步骤来将JavaScript按钮与Apex代码链接起来:

使用JavaScript Remoting链接JavaScript按钮到Apex代码:

  1. 创建Apex类 :首先,创建一个Apex类,其中包含你要执行的Apex代码。这个Apex类需要使用@RemoteAction注解来标记方法,以便从JavaScript中调用它。
apex 复制代码
public class MyApexController {
    @RemoteAction
    public static String executeApexCode() {
        // 在这里编写你的Apex代码
        // 返回任何结果
        return 'Apex code executed successfully';
    }
}
  1. 创建JavaScript按钮:在对象的设置中,创建一个自定义JavaScript按钮。在按钮的JavaScript代码中,使用JavaScript Remoting来调用Apex代码。下面是一个示例按钮的代码:
javascript 复制代码
{!REQUIRESCRIPT("/soap/ajax/41.0/connection.js")}
{!REQUIRESCRIPT("/soap/ajax/41.0/apex.js")}

var result = sforce.apex.execute("MyApexController", "executeApexCode", {});

// 处理Apex代码执行的结果
alert(result);
  1. 关联按钮:将这个JavaScript按钮与你的对象相关联,以便在记录详情页上显示它。

使用Visualforce页面链接JavaScript按钮到Apex代码:

  1. 创建Visualforce页面 :创建一个Visualforce页面,其中包含你的JavaScript按钮。在Visualforce页面中,你可以使用<apex:page>标签的standardController属性指定对象,然后在页面中包含JavaScript按钮。
html 复制代码
<apex:page standardController="Your_Object__c">
    <script>
        function executeApexCode() {
            Visualforce.remoting.Manager.invokeAction(
                '{!$RemoteAction.MyApexController.executeApexCode}',
                function(result, event) {
                    if (event.status) {
                        // 处理Apex代码执行的结果
                        alert(result);
                    } else {
                        // 处理错误
                        alert('Error: ' + event.message);
                    }
                }
            );
        }
    </script>
    <button onclick="executeApexCode();">Execute Apex Code</button>
</apex:page>
  1. 关联Visualforce页面:在对象的设置中,创建一个新的JavaScript按钮或链接,然后将其链接到上面创建的Visualforce页面。

这些步骤将使你能够通过JavaScript按钮或链接执行Apex代码。确保在Apex代码中包含所需的逻辑,并根据需要处理结果。同时,确保在按钮或链接的可见性和访问控制方面进行适当的设置,以确保只有授权的用户可以执行Apex代码。

Calling a Lightning component from a Classic custom button involves a slightly different approach than doing it in Lightning Experience. Here's how you can achieve this:

  1. Create a Visualforce Page:

    To bridge the gap between Classic and Lightning components, you can create a Visualforce page that contains your Lightning component.

    • Go to "Setup."
    • In the Quick Find box, enter "Visualforce Pages" and select it.
    • Click "New" to create a new Visualforce page.

    Here's an example of what the Visualforce page might look like:

    html 复制代码
    <apex:page >
        <apex:includeLightning />
        <div id="lightning-component-container"></div>
        <script>
            $Lightning.use("c:YourApp", function() {
                $Lightning.createComponent(
                    "c:YourLightningComponent",
                    {},
                    "lightning-component-container",
                    function(component) {}
                );
            });
        </script>
    </apex:page>
    • In this example, replace "c:YourApp" with the name of your Lightning app (if applicable) and "c:YourLightningComponent" with the name of your Lightning component.
  2. Create a Custom Button in Classic:

    • Navigate to the object (e.g., Account, Contact) for which you want to add the custom button.
    • In the object's page, go to the "Buttons, Links, and Actions" section and click "New Button or Link."
  3. Choose Button Behavior:

    • Select "Visualforce Page" as the content source.
    • Choose the Visualforce page you created in step 1 from the dropdown list.
  4. Configure Button Properties:

    • Give your button a name.
    • Optionally, specify a label for the custom button that will appear on the object's page layout.
    • Configure other properties as needed, such as behavior and display options.
  5. Add the Button to Page Layout:

    • Save the custom button.
    • After saving, add the button to the desired page layout. You can do this by editing the page layout for the object and dragging the button from the "Mobile & Lightning Actions" section to the "Salesforce Classic Actions" section.
  6. Test the Custom Button:

    • Save the page layout.
    • Go to the record detail page for the object you modified in Classic.
    • You should see your custom button (with the label you specified) on the page.
    • Click the button to execute the Visualforce page, which in turn will load your Lightning component.

This approach leverages a Visualforce page as a bridge between Classic and Lightning components. When the custom button is clicked, it loads the Visualforce page, which then embeds and initializes your Lightning component.

相关推荐
刘发财8 小时前
前端2秒生成500页矢量PDF,rust真的强到没朋友
前端·javascript·rust
梦想平凡9 小时前
百游棋牌源代码开发搭建教程(十):隔离部署、备份恢复与双端验收
java·前端·javascript·数据库·源代码管理
kyriewen13 小时前
我花3天抓了一个幽灵bug,凶手藏在第4层
前端·javascript·程序员
mONESY14 小时前
LangGraph.js 从零上手:把 Agent 工作流从一条线变成一张网
javascript
默_笙14 小时前
⚓ AI 的"官方答题卡":withStructuredOutput 与结构化输出的终局之战
前端·javascript
我家猫叫佩奇16 小时前
🦭 厌倦了千篇一律的线性图标?Naive Icons 正式开源
前端·javascript·css
梦诺18 小时前
vue3 keepAlive+记录滚动条
前端·javascript·vue.js
天若有情67319 小时前
开源轻量双语工具|一键批量查询 NPM 包历史下载量,支持按作者批量统计
javascript·npm·github pages·开源工具·netlify·前端开源·npm克隆量
福兮说20 小时前
纯前端把图片压缩到指定体积:canvas.toBlob 配合二分查找
前端·javascript·canvas·图片处理
志尊宝21 小时前
Vue3 零基础每日笔记(018):按键与鼠标修饰符——回车搜索、Ctrl+S 保存这样写
javascript·vue.js·笔记