всплывающее окно django с подробными сведениями о таблице

Я хочу создать кнопку в шаблоне, чтобы, если я нажму « Вид», я хочу, чтобы всплывающее окно отображалось, и в этом всплывающем окне я хочу отобразить свою таблицу с models.py.

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

Это часть моего файла seaerch_table.html

<script>
    $("#mytable").dialog({autoOpen: false});
    $("#opener").click(function () {
        $("#mytable").dialog("open");
    });
</script>

    <table class="table table-bordered sortable table-hover" id="mytable">
        <thead>
        <tr>
            <th>Id</th>
            <th>Title</th>
            <th>Url</th>
            <th>View All Info</th>
        </tr>
        </thead>
        <tbody>
        {% for lists in details %}
            <tr>
                <td>{{ lists.id }}</td>
                <td>{{ lists.title }}</td>
                <td><a href="{{ lists.url }}" target="_blank">{{ lists.url }}</a></td>
                <td>
                    <button id="opener">View</button>
                </td>
            </tr>

        {% endfor %}
        </tbody>
    </table>

Он показывает только в шаблоне только 3 поля ... и я хочу добавить еще 2 поля, когда я сделаю всплывающее окно, которое будет включать в себя поле « Создано в и Описания» . Я не хочу ничего особенного делать в этом всплывающем окне ... просто отобразите всю таблицу из mysql (которые включают созданный столбеци описание )

Может кто-нибудь, пожалуйста, помогите мне?

спасибо

jquery,html,mysql,django,

0

Ответов: 1


0
$( function() {
$( "#dialog1" ).dialog({
autoOpen: false,
show: {
  effect: "blind",
  duration: 1000,
  width: "auto", 
  height: "auto",
  position: "left", 

},
hide: {
  effect: "explode",
  duration: 1000,
  width: "auto", 
  height: "auto",
  position: "left",
}
});

$( "#opener1" ).on( "click", function() {
$( "#dialog1" ).dialog( "open" );
});
});

HTML:

<p id="opener1" style="color:green; margin: 0%">show table</p>
<div id="dialog1" title="Number of entry failed.">
<table class="table table-bordered sortable table-hover" id="mytable">
    <thead>
    <tr>
        <th>Id</th>
        <th>Title</th>
        <th>Url</th>
        <th>View All Info</th>
    </tr>
    </thead>
    <tbody>
    {% for lists in details %}
        <tr>
            <td>{{ lists.id }}</td>
            <td>{{ lists.title }}</td>
            <td><a href="{{ lists.url }}" target="_blank">{{ lists.url }}</a></td>
            <td>
                <button id="opener">View</button>
            </td>
        </tr>

    {% endfor %}
    </tbody>
</table>
 </div>
JQuery, HTML, MySQL, Джанго,
Похожие вопросы