Автозаполнение jquery на динамически добавляемых строках - PullRequest
Новая
       15

Автозаполнение jquery на динамически добавляемых строках

1 голос
/ 27 августа 2010

Я работаю с плагином автозаполнения пользовательского интерфейса jQuery для моего веб-приложения.
Он отлично работает для моих существующих строк, но не совсем для моих динамически добавляемых строк.

Вотмой код jquery. 

$(function ()
{
    var tab = $("#tabs-6");
tab.find("input[name='newContactName']").autocomplete(
{
        source: function(request, response) {
            var cachedRequest = $(this).data("cachedRequest");
            // Previous data is cached, so new data is a subset of this
            if (cachedRequest != null && 
                    cachedRequest.length > 0 && 
                    request.term.indexOf(cachedRequest) >= 0)
            {
                ..some code..
            }
            else
            {
                var input = $(this);
                $.ajax({
                    ..some code..
                    success: function(data) 
                    {..some code..
                    }

                }); 

            }
        },
        minLength: 3,
        delay: 500
    }
);

tab.find("input[name='newContactName']").bind('autocompleteselect', function(event, ui) {
    $(this).prev("input[name='newContactId']").val(ui.item.person_id);
    }); 

/* Customizing the autocomplete suggestions box that pops up.
*/
var input1=$("input[name='newContactName']"); 
input1.each(function (){
$(this).autocomplete("widget").css("height", "10em");
$(this).autocomplete("widget").css("overflow", "auto"); 
$(this).autocomplete("widget").css("width", "210px");
});

});

Это код jQuery для плагина автозаполнения для существующих строк, а для вновь добавленных строк это HTML, который япытаясь вставить 

var html = '<tr>..first 8 td elements.. <td><input type="text" name="newContactName"> </td>'+
        ..some more td elements</tr>';

var newRow = $(html).insertAfter(row); // insert content,where row is my current row
newRow.find("td:nth-child(9) input[name='newContact']").autocomplete();

Как мне убедиться, что функция автозаполнения работает и для моих недавно добавленных строк?

1 Ответ

1 голос
/ 29 августа 2010

Я вижу пару вещей, которые могут быть неправильными.

Во-первых, когда вы добавляете новую строку, вы устанавливаете имя входа как «newContactName», но когда вы находите (), вы ищете «name = 'newContact'».

Кроме того, при вызове autocomplete () для результатов find () вам нужно будет указать параметр источника.Поскольку в ваших нединамических строках для источника задана функция, вы, вероятно, захотите разбить ее на именованную функцию и использовать названную функцию в качестве источника в обоих вызовах autocomplete ().

Надеюсьэто помогает ...

...