为什么 JQueryUI 不适用于 salesforce 标准输入元素？

Question

我在将 JQueryUI 与 salesforce 标准元素一起使用时遇到问题。基本上，我想自动向用户建议记录名称，而不是用户单击 salesforce 搜索按钮。

<apex:inputField value="{!MyRecord.ChildRecord__c}" id="inpId" required="true/>

<script>
   jq$(document.getElementById('{!$Component.inpId}')).autocomplete( { 
            minLength: 2,
            autoFocus: true,
            source: mySource
   });
</script>

因此，我想知道是否有人尝试将 JQueryUI 与标准 salesforce 输入元素一起使用。就我而言，JQueryUI 事件不会针对 salesforce 元素触发。

Answer 1

{!$Component.[elementid]} 并不总是适合我；我不知道为什么。我更喜欢使用属性结尾选择器（http://api.jquery.com/属性结尾带有选择器/）。

尝试这样的事情：

<apex:includeScript value="/soap/ajax/18.0/connection.js" />
<apex:includeScript value="/soap/ajax/18.0/apex.js" />

<script>
    var j$ = jQuery.noConflict();
    j$(document).ready(function(){init();});

    function init()
    {
        var mySourceText = "ActionScript AppleScript Asp BASIC C "
           + "C++ Clojure COBOL ColdFusion Erlang Fortran Groovy "
           + "Haskell Java JavaScript Lisp Perl PHP Python Ruby "
           + "Scala Scheme";

        var mySource = mySourceText.split(" ");

        j$("[id$='myInput']").autocomplete({ 
            minLength: 2,
            autoFocus: true,
            source: function(request, response){ 
                    response(GetSourceAjaxAPI(request.term)); }
        });
    }

    function GetSourceAjaxAPI(s)
    {
        var result = sforce.apex.execute("TestAutocomplete", 
                     "GetAutocompleteValuesAjaxAPI", {SearchTerm:s});
        return result;
    }
</script>

<apex:form >
    <apex:pageblock >
        <apex:pageblocksection >
            <apex:pageblocksectionitem >
                <apex:inputfield id="myInput" value="{!Contact.FirstName}" />
            </apex:pageblocksectionitem>
        </apex:pageblocksection>
    </apex:pageblock>
</apex:form>

控制器：

global class TestAutocomplete 
{
    global TestAutocomplete(ApexPages.StandardController myStandardController) {}

    webservice static List<String> 
        GetAutocompleteValuesAjaxAPI(String SearchTerm)
    {            
        String mySourceText = 'ActionScript AppleScript Asp BASIC C '
           + 'C++ Clojure COBOL ColdFusion Erlang Fortran Groovy '
           + 'Haskell Java JavaScript Lisp Perl PHP Python Ruby '
           + 'Scala Scheme';

        List<String> mySourceList = mySourceText.split(' ');
        List<String> myReturnList = new List<String>();

        for(String s : mySourceList)
        {
            if(s.contains(SearchTerm)){ myReturnList.add(s); }
        }

        return myReturnList;
    }
}

希望有帮助，
马特

Answer 2

我找出了 JQeuryUI 无法在 SalesForce 标准输入元素上工作的原因。我试图在输入元素上使用 JQueryUI 自动完成功能。应该调用的操作函数没有被调用，因为我没有

<apex:actionFunction immediate="true" />

设置立即= true属性，以便立即调用操作函数。如果我们没有设置此属性，SalesForce 会尝试验证所有标准输入元素，如果验证失败，则永远不会调用操作函数。