Question

我几天来一直在研究和尝试各种代码，并且无法找到可靠的解决方案，所以我希望你能指出我做错了什么。

在我的自定义VF页面上，我使用4个HTML输入标签，当用户点击生成按钮时，我希望将输入值传递到Apex控制器进行操作。

这是我现在所拥有的，减去此问题不需要的代码。有了它，控制台输出始终为空...

页码：

<apex:page id="scheduler-page" standardController="Opportunity" extensions="DEMO_ScheduleOpportunityController" showHeader="false" sidebar="false" standardStylesheets="false">

<head>
    <script type="text/javascript">
        function Generate() {
            // setting variables with data from the page
            var codRequested = $("#datepicker").datepicker("getDate");
            var velocityRequested = $("#velocity-input").val();
            var mwdcRequested = $("#mwdc-input").val();
            var seriesRequested = $("#seriesList").val();
            // these 4 values displays properly in the JS console
            console.log('codRequested: ' + codRequested);
            console.log('velocityRequested: ' + velocityRequested);
            console.log('mwdcRequested: ' + mwdcRequested);
            console.log('seriesRequested: ' + seriesRequested);
            // passing values to the actionscript
            SetInitialVariables(codRequested, velocityRequested, mwdcRequested, seriesRequested);
        }
    </script>
</head>

<body>
    <apex:form id="scheduler-form">

        <apex:actionFunction name="SetInitialVariables" action="{!GenerateSchedule}">
            <apex:param name="codRequested" value="" />
            <apex:param name="velocityRequested" value="" />
            <apex:param name="mwdcRequested" value="" />
            <apex:param name="seriesRequested" value="" />
        </apex:actionFunction>

        <c:DEMOscheduleGeneration opportunity="{!opportunity}" seriesMap="{!seriesMap}" />
    </apex:form>

    <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" />
    <apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" />
</body>

组件代码：

<apex:component>
  <div id="generateContainer" class="container">
    <!-- generate button -->
    <div id="generate-button-wrap">
        <a id="generate" onclick="Generate()">Generate</a>
        <!-- calls JQ Generate function -->
    </div>
  </div>
</apex:component>

控制器代码：

public PageReference GenerateSchedule() {        
    String series = Apexpages.currentPage().getParameters().get('seriesRequested');
    String mwdc = Apexpages.currentPage().getParameters().get('mwdcRequested');
    String velocity = Apexpages.currentPage().getParameters().get('velocityRequested');
    String cod = Apexpages.currentPage().getParameters().get('codRequested');
    System.debug('Series: ' + series);
    System.debug('MWdc: ' + mwdc);
    System.debug('Velocity: ' + velocity);
    System.debug('COD: ' + cod);
    return null;
}

Answer 1

我认为您的修复非常简单：您正在使用jQuery而$与内部Salesforce功能冲突。你需要使用noConflict。这样做：

var j$ = jQuery.noConflict();
// setting variables with data from the page
var codRequested = j$("#datepicker").datepicker("getDate");
var velocityRequested = j$("#velocity-input").val();
....

无论您何时使用$使用j$。这应该可以解决您的问题。

将HTML输入值传递给APEX控制器

1 个答案: