我想在SharePoint 2013中使用Jquery中的自動完成選項。在Newform.aspx自定義中使用自動完成
我曾嘗試下面的代碼
var autocomplete = $("input[title='Skill Required Field']").autocomplete({
minLength: 3,
source: function(request, response) {
$.ajax({
beforeSend: function (request)
{
request.setRequestHeader("Accept", "application/json;odata=verbose;charset=utf-8");
},
url: site url,
dataType: "json",
success: function(data) {
$.each(data.d.results , function (i, result) {
if(result.Title){
titles.push(result.Title)
}
});
response(titles);
},
error: function(data) {
alert('search error');
}
});
},
// Run this when the item is in focused (not selected)
focus: function(event, ui) {
return false;
},
// Run this when the item is selected
select: function(event, ui) {
location.href = ui.item.fields.Path;
},
appendTo: $('#menu-container')
}).data("uiAutocomplete")._renderItem = function(ul, item) {
return $("<li>").append('<div>' + item.label + '</div>').appendTo(ul);
};
function getFields(results) {
r = {};
for(var i = 0; i< results.length; i++) {
if(results[i] != undefined && results[i].Key != undefined) {
r[results[i].Key] = results[i].Value;
}
}
return r;
}
我定製新form.aspx。我已經加入一個JSLink,其中,用於所述技術人員的數據被定義如下:
"<div id='menu-container' class = 'col-xs-3'>{{SkillCtrl}}</div>",
formTable = formTable.replace("{{SkillCtrl}}", getSPFieldRender(ctx, "MySkill"));
該列作爲單個文本行創建。我使用的是jquery-ui-1.12.1,jquery-1.11.3.min。 目前我沒有收到任何錯誤,但結果不顯示在菜單容器框中。當使用F12時,我可以看到「result.Title」中的數據。但是,UI中沒有顯示數據。我錯過了什麼? ?如何解決這個感謝
結果需要返回到'response()',我沒有看到你的例子。我也沒有看到示例代碼中存在的位置。 – Twisty