Событие onclick динамической таблицы jquery ui не работает - PullRequest
Новая
       22

Событие onclick динамической таблицы jquery ui не работает

0 голосов
/ 31 августа 2011

У меня есть требование для отображения динамической таблицы в jquery.При нажатии на данные таблицы значение должно быть установлено в текстовом поле ниже.

Могу ли я узнать, как захватить имя из динамической таблицы и установить в текстовое поле 

$(document).ready(function() {
    //Retrieve the JSON data from the server using AJAX
    $('#AJAXButton').click(function() {
        $.getJSON('ajax/ajaxtest.js', function(data) {
            processJSON(data);
        });
    });

    //Process and display the JSON data
    function processJSON(data) {
        var output = '<table><tr><th>Name</th><th>Platform</th></tr>';
        //Loop through the Languages 
        $(data.Languages).each(function(index, element) {
            output += '<tr><td class="clickable">' + element.Name + '</td>' + 
              '<td class="clickable">' + element.Platform + '</td></tr>';
        });
        output += '</table>';
        $('#AJAXDiv').html(output);
    }

    $("tr.clickable").live("click", function() {
            $("#name").append(?);
    });

});


<div id="AJAXDiv" style="width:400px; height:600px; background-color:#ddd; border:1px solid black">
</div>

<div>
    <label for="name">Created by: </label> <input id="name" />
</div>

Ответы [ 2 ]

0 голосов
/ 31 августа 2011

Вы говорите, что хотите, чтобы событие происходило при щелчке строки, поэтому вы просто помещаете «кликабельный» класс в вашу строку вместо каждого «td». Затем обработчик щелчка может получить доступ к первому 'td' в этой строке (имя, за которым вы следуете).

т. Демо

0 голосов
/ 31 августа 2011

Взгляните на эту скрипку и дайте мне знать, если это не то, что вы хотели.

...