原始代码：
var data = {results: []}
data.results = result;
query.callback( data);
用于加载数据的原始互联网代码:(任何修改以开始使用数据）
$("#e5").select2({
minimumInputLength: 1,
query: function (query) {
var data = {results: []}, i, j, s;
for (i = 1; i < 5; i++) {
s = "";
for (j = 0; j < i; j++) {s = s + query.term;}
data.results.push({id: query.term + i, text: s});
}
query.callback(data);
}
});
匹配功能：
$("#e17").select2({
matcher: function(term, text) { return text.toUpperCase().indexOf(term.toUpperCase())==0; }
});
目前我正在使用这种方式：
var $elem = $( ".auto{!randomJsIden}" );
$elem.select2({
minimumInputLength: 1,
placeholder: "No value selected",
allowClear : {!allowClear},
query: function (query) {
queryData{!randomJsIden}(query);
},
createSearchChoice:function(term, data) {
if ({!syncManualEntry} == true) {
return {id:term, text:term};
}
},
matcher: function(term, text) { return text.toUpperCase().indexOf(term.toUpperCase())==0; },
sortResults: function(results, container, query) {
if (query.term) {
return results.sort(function(a, b) {
if (a.text.length > b.text.length) {
return 1;
} else if (a.text.length < b.text.length) {
return -1;
} else {
return 0;
}
});
}
return results;
}
});
------------------------------
------------------------------
function queryData{!randomJsIden}(query){
Visualforce.remoting.Manager.invokeAction(
'{!$RemoteAction.AutoCompleteV2_Con.getData}','{!sObjVal}','{!labelFieldVar}','{!valueFieldVar}',query.term,
function(result, event){
//if success
if(event.status){
var data = {results: []}
data.results =result;
query.callback( data);
}
else{
alert('Invalid Field/Object API Name : '+event.message);
}
},
{escape: true}
);
}
目前我得到的结果全部如果我输入字母a它显示的结果包含a，我想要显示结果以a开头。
更新问题：
<script>
var v2{!randomJsIden}
function permute(input, permArr, usedChars) {
var i, ch;
for (i = 0; i < input.length; i++) {
ch = input.splice(i, 1)[0];
usedChars.push(ch);
if (input.length === 0) {
permArr.push(usedChars.slice());
}
permute(input, permArr, usedChars);
input.splice(i, 0, ch);
usedChars.pop();
}
return permArr;
}
var prevVal{!randomJsIden};
function autocompleteV2{!randomJsIden}(){
var v2=this;
jQuery(function($){ //on document.ready
v2.init($)
});
}
autocompleteV2{!randomJsIden}.prototype={
init : function($){
var $elem = $( ".auto{!randomJsIden}" ).select2({
minimumInputLength: 3,
placeholder: "No value selected",
allowClear : {!allowClear},
query: function (query) {
queryData{!randomJsIden}(query);
},
createSearchChoice:function(term, data) {
if({!syncManualEntry} == true){
return {id:term, text:term};
}
},
matcher: function (term, text) {
if (term.length === 0) return true;
texts = text.split(" ");
allCombinations = permute(texts, [], []);
for (i in allCombinations) {
if (allCombinations[i].join(" ").toUpperCase().indexOf(term.toUpperCase()) === 0) {
return true;
}
}
return false;
},
sortResults: function (results, container, query) {
if (query.term) {
// use the built in javascript sort function
return results.sort(function (a, b) {
if (a.text.length > b.text.length) {
return 1;
} else if (a.text.length < b.text.length) {
return -1;
} else {
return 0;
}
});
}
return results;
}
});
$elem.on("select2-selecting", function(e) {
$('.hiddenField{!randomJsIden}').val(e.val);
});
$elem.on("select2-removed", function(e) {
$('.hiddenField{!randomJsIden}').val('');
});
if('{!cacheField}' !=''){
$elem.select2("data", {id: "{!targetFieldVar}", text: "{!cacheField}"})
}
},
triggerSearch :function(val){
if(prevVal{!randomJsIden} != val){
$=jQuery;
prevVal{!randomJsIden} = val;
var select = $('input.auto{!randomJsIden}');
var search = $('.select2-input')
select.select2('open');
search.val(val);
search.trigger("input");
}
}
}
/*
*This method queries data according to the passed parameter
*and populates the combobox accordingly
***/
function queryData{!randomJsIden}(query){
Visualforce.remoting.Manager.invokeAction(
'{!$RemoteAction.AutoCompleteV2_Con.getData}','{!sObjVal}','{!labelFieldVar}','{!valueFieldVar}',query.term,
function(result, event){
//if success
if(event.status){
var data = {results: []}
data.results = result;
query.callback( data);
}
else{
alert('Invalid Field/Object API Name : '+event.message);
}
},
{escape: true}
);
}
</script>
<apex:inputText style="{!Style}" id="hiddeninput" styleClass="auto{!randomJsIden}" value="{!cacheField}" />
<apex:outputPanel id="hiddenPanel">
<apex:inputText value="{!targetField}" id="hiddenField"
styleClass="hiddenField{!randomJsIden}" style="display:none"/>
</apex:outputPanel>
<script>v2{!randomJsIden} = new autocompleteV2{!randomJsIden}({});</script>
</apex:component>
仍然无法获得结果。我使用的是select2 3.5.4的最新版本，请帮我解决这个问题。
帮我解决这个问题。
更新我的问题：
http://jsfiddle.net/Lnf8j/289/
我尝试了这个小提琴：
$('#placeSelect').select2({
width: '100%',
allowClear: true,
multiple: true,
maximumSelectionSize: 1,
placeholder: "Click here and start typing to search.",
data: [
{ id: 1, text: "Ford" },
{ id: 2, text: "Dodge" },
{ id: 3, text: "Mercedes" },
{ id: 4, text: "Jaguar" }
],
matcher: function (term, text) {
if (text.toUpperCase().indexOf(term.toUpperCase()) == 0) {
return true;
}
return false;
}
});
我的成绩很好
如果我通过此
将其更改为数据 query: function (query) {
queryData{!randomJsIden}(query);
},
(OR)
var data = {results: []}
data.results = result;
query.callback( data);
我没有得到好结果 要改变一些东西才能获得好结果
答案 0 :(得分：1)
相应地更改匹配器功能：
matcher: function(term, text) { return text.toUpperCase().startsWith(term.toUpperCase()); }
答案 1 :(得分：1)
更改匹配器功能（也称为“谓词”）以仅测试text中的第一个字符。有几种方法可以做到这一点，但我认为最好的方法是使用regular expressions。正则表达式是一种可以在字符串上使用的搜索词。在这种情况下，您可以使用类似term = /^a/i的RegExp：
/：启动正则表达式。^：此正则表达式仅匹配文本的开头。a：正则表达式如果在文本的最开头看到文字字符a（因为我们写了^），就会成功。/：结束正则表达式。i：正则表达式为 in -sensitive;它可以匹配A或a。如果RegExp对象term与字符串text匹配，则此函数将返回true：
function matcher(term, text) {
if (text.match(term)) {
return true;
} else {
return false;
}
}
当然，您可以从此开始编写return matcher(term, text))，而不是return text.match(term)。但请注意，积极结果不仅仅是true值（请参阅String.prototype.match的文档）。