Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.02.2016, 17:10
Интересующийся
Отправить личное сообщение для Le7o Посмотреть профиль Найти все сообщения от Le7o
 
Регистрация: 08.04.2011
Сообщений: 26

Динамически создаваемые ячейки таблицы.
Здравствуйте.

Проблема с динамически создаваемыми ячейками таблицы.

Есть такая таблица:
<div class="table-responsive">
        <form method="post">
            <table class="table table-hover table-condensed table-bordered">
                <thead>
                <tr>
                    <th class="active">Document</th>
                    <th class="active">Number</th>
                    <th class="active">issued</th>
                    <th class="active">Expiry</th>
                    <th class="active">Country</th>
                    <th class="active">Link</th>
                    <th class="active"></th>
                </tr>
                </thead>
                <tbody>
                <tr class="information_json_plus">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td><span class="btn btn-success plus pull-right">+</span></td>
                </tr>
                </tbody>
            </table>
            <button type="submit" name="bg">Get</button>
        </form>
    </div>

В ней добавляю ячейки динамически:
// формируем новые поля
        jQuery('.plus').click(function(){
            jQuery('.information_json_plus').before(
                '<tr>' +

                '<td> <select name="doctype[]" class="form-control"><option value="">Select document</option>'+
                    "<?php foreach ($typedocs as $k => $val) echo "<option value='$val'>$val</option>";?>" +'<select> </td>'+


                '<td> <input type="text" name="docnum[]" placeholder="Enter number" value="" class="form-control"/> </td>'+


                '<td><div class="input-group date" id="doc_issued"><input type="text" name="doc_issued[]" id="doc_issued"'+
                'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
                '<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+


                '<td><div class="input-group date" id="doc_expiry"><input type="text" name="doc_expiry[]" '+
                'placeholder="Select dates" value="" class="form-control"/><span class="input-group-addon">'+
                '<span class="glyphicon glyphicon-calendar"></span></span></div></td>'+


                '<td><select name="doc_country[]" id="doc_country" class="form-control"><option value="">Select country</option>'+
                "<?php foreach ($Country as $k => $val) echo "<option value='$val'>$val</option>";?>"+'<select></td>'+


                '<td> <input id="input-id" name="add_app[]" type="file" placeholder="Click to Browse... button" class="file" ' +
                'data-show-upload="false" data-show-preview="false" /> </td>'+


                '<td><span class="btn btn-danger minus pull-right">&ndash;</span></td>' +
                '</tr>'
            );

        // on - так как элемент динамически создан и обычный обработчик с ним не работает
        jQuery(document).on('click', '.minus', function(){
            jQuery( this ).closest( 'tr' ).remove(); // удаление строки с полями
        });
    });


Пытаюсь применить сюда плагин datatimepicker, но с динамически создаваемыми элементами он не как не хочет работать, может кто нибудь может что нибудь подсказать или хотя бы в каком направлении?

/*
        $(function () {
            //Идентификатор элемента HTML (например: #datetimepicker1), для которого необходимо инициализировать виджет "Bootstrap datetimepicker"
            $('#doc_issued').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );

            $('#doc_expiry').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );
*/



p.s.: в js практически полный ноль...
Ответить с цитированием
  #2 (permalink)  
Старый 11.02.2016, 19:28
Интересующийся
Отправить личное сообщение для Le7o Посмотреть профиль Найти все сообщения от Le7o
 
Регистрация: 08.04.2011
Сообщений: 26

Прошу прощения, сам не заметил.
Оказалось проще - нужно было для класса создавать...
$('.picker').datetimepicker(
                {
                    pickTime: false,
                    language: 'en'
                }
            );
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ввод дат в ячейки таблицы AlexMal43 Элементы интерфейса 11 10.04.2015 16:24
Узнать номер ряда у ячейки таблицы grego Events/DOM/Window 2 27.08.2013 19:07
onmouseout для ячейки таблицы. Sir_Hally Events/DOM/Window 2 24.01.2012 15:21
OnClick ячейки таблицы и ссылки в этой ячейке MasDen Javascript под браузер 2 30.06.2011 09:34
Ячейки Таблицы Slawaq Элементы интерфейса 20 22.05.2010 12:49