загрузчик colorpicker в модале начальной загрузки работает только в первом ряду таблицы - PullRequest
Новая
       18

загрузчик colorpicker в модале начальной загрузки работает только в первом ряду таблицы

0 голосов
/ 13 декабря 2018

У меня есть таблица с таблицами данных.Когда вы щелкаете по строке, открывается модальное окно для редактирования этой строки.В модели есть поле с палитрой цветов.(col2)

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

Я думаю, что решение будет иметь имя поля переменной, но оноНе знаю, как это реализовать.

вот код моего модала, который открывается при нажатии на строку в таблице: 

            echo "<div class='modal fade' id='ModalEdit".$locations['id']."' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'>";
                    echo "<div class='modal-dialog' role='document'>";
                        echo "<div class='modal-content'>";
                            echo "<form class='form-horizontal' method='POST' action='editLocation.php'>";      
                            echo "<div class='modal-header'>";
                                echo"<h4 class='modal-title' id='myModalLabel' >Locatie bewerken</h4>";
                            echo "</div>";

                            echo "<div class='modal-body'>  ";      

                                echo "<div class='form-group'>  ";       
                                    echo "<label for='titel' class='col-sm-2 control-label'>Locatie</label>";                   
                                    echo "<input type='text' name='locatie' class='form-control' id='locatie' value='".$locations['locatie']."' >";                   
                                echo "</div>";

                                echo "<div class='form-group'>";
                                    echo "<label for='detailtitel' class='col-sm-2 control-label'>Color</label>";                             
                                    echo "<input type='col2' class='form-control' id = 'col2' name='col2' value='".$locations['color']."' >";   
                                echo "</div>";

                                echo"<div class='form-group'>";                             
                                    echo"<input type='hidden' name='id' class='form-control' id='id' value='".$locations['id']."'>";
                                echo" </div>";          

                            echo"</div>";             
                            echo"<div class='modal-footer'>";
                                echo"<button type='button' class='btn btn-default' data-dismiss='modal'>Close</button>";
                                echo"<button type='submit' class='btn btn-primary'>Save changes</button>";
                            echo" </div>";
                            echo"</form>";
                        echo"</div>";                   
                    echo"</div>";               
                echo"</div>";

И скрипт для загрузки палитры цветов: 

    $(function () {
        $('#col2').colorpicker({

        format: 'hex'
            });
             });

1 Ответ

0 голосов
/ 13 декабря 2018

Изменить ID на Class

ID является Unique 

echo "<input type='col2' class='form-control colorpicker' id = '' name='col2' value='".$locations['color']."' >";

$(function () {
        $('.colorpicker').colorpicker({

        format: 'hex'
            });
             });

или

Recall ColorPicker function на начальной загрузке show modal event

...