Инициализируйте элементы после расширения строки таблицей bootstrap

Question

Я создаю таблицу с bootstrap -table.com. Некоторые строки расширяются с помощью expand-row.bs.table . К сожалению, я не могу манипулировать какими-либо элементами в расширенной области после их расширения.

Например, я попытался установить значение поля ввода:

$table.on('expand-row.bs.table', function(e, index, row, $detail) {
    var res = $("#desc" + index).html();
    $detail.html(res);
    // set input text
    $('#inputTimetator1').val('input test text');
});

Позже я хотел инициализировать некоторые выберите2 в скрытых областях при их расширении. Любая идея о том, как инициализировать эти элементы?

JSfiddle

Answer 1

не удалось изменить элемент $detail dom, потому что вы пытались установить его с несколькими элементами dom без родительского или root элемента, поэтому для манипулирования расширяемой строкой необходимо заполнить его элементы dom обернуты внутри одного root элемента dom, такого как div или span, и убедитесь, что вы установили только первый вход, который вы найдете в расширяемой строке, которую вы изменили

, просто измените свой код на этот, и он будет работать отлично

$table.on('expand-row.bs.table', function(e, index, row, $detail) {
    var res = $("#desc" + index).html();
    $detail.html('<div>' + res + '</div>');
    $detail.find('input').val('input test text');
});

и вот ссылка jsfiddle для него.