jQuery自完全集成

Question

我找到了这个jQuery，我想将它集成到我的项目中。我的问题是如何应用这个“来源”？

因为在我的输入中，我从数据库中接收到所有内容，而且我以前不能用html或jQuery编写任何东西！

实际上，我使用wicket组件进行自动完成，但是这个组件是错误的，因为如果我调整浏览器的大小，列表就不会对齐到输入下面，正因为如此，我试图找到一个更好的方法。

如果有人能帮我:)

var $element = $('.my-autocomplete');
var $testinput = $element.find('.my-autocomplete-input');

$testinput.autocomplete({
    minLength: 0,
    autoFocus: true,
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
  });

Fiddle示例： http://jsfiddle.net/CSypd/36/

谢谢!

Answer 1

客户端

    $("#element _id").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("GetEmployeeDepartmentStuff")',  
                        //generates into a url. eg http://www.site.com/MyPage/GetEmployeeDepartmentStuff?filter=....
                        dataType: "json",
                        data: {
                            filter: request.term
                        },
                        success: function (data) {
                            response($.map(eval(data), function (item) {
                                return {
                                    label: item.em_name,
                                    dp_Name: item.dp_Name
                                }
                            }));
                        }
                    })
                },
                maxLength: 2,
                select: function (event, ui) {                   
                    $("#Deparment").attr('value', ui.item.dp_Name);
                }
            });

服务器端

    [HttpGet]
    [CompressFilter]
    public ActionResult GetEmployeeDepartmentStuff(string filter = "")
    {
        SomeRepository repo = new SomeRepository();
        return repo.GetEmployeeDepartmentStuff(filter);   //returns a JSON result
    }

不知道您对服务器端代码使用了什么语言，但是您需要公开一个web方法/服务/某个可以接受参数"filter“(见上文)的东西，或者任何您想要返回的东西.另外，不要忘记在标记中包含jquery库。

Answer 2

最简单的方法是通过ajax调用获取源数组。