0

我正在尝试将 Jquery 中的自动完成选项与 SharePoint 2013 一起使用。

我试过下面的代码

     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 中没有显示数据。我错过了什么？如何解决这个问题？谢谢

4

1 回答 1

0

我会尝试以下success代码：

success: function(data) {
  var titles = [];
  $.each(data.d.results, function(i, result) {
    if (result.Title) {
      titles.push(result.Title);
    }
  });
  response(titles);
}

此外，当您渲染项目时，您必须正确包装它们：<li><div></div></li>. 我会建议：

return $("<li>").append('<div><img style="margin-right:3px;top:3px;" src="/_layouts/15/images/' + img + '">' + item.label + '</div>').appendTo(ul);
于 2017-06-13T17:09:14.773 回答