Проблема рендеринга, связанная с тегами div, содержащими datatable

Question

Проблема рендеринга, связанная с тегами div, содержащими datatable

This is my first post on some Q&A site. Point out my tiniest mistakes and correct me. I've started learning PHP and I am using WAMP server. I am having multiple rendering issues. I will present one first. I have an index.php page on which I want to display five tables namely Branch, Student, Subject, Exam and Marks. Now I have kept display buttons for each tables mentioned above on the same page. I don't want the page to get refreshed so the input type for the button is "button" not "submit". And then I want to check if the button is clicked or not so I am using isset($_POST['button']) where button is the name of display button for respective table. And if the button is clicked then I am displaying the datatable for that particular table only while other tables are hidden.

Рендеринг одной таблицы за раз: я хочу, чтобы при нажатии кнопки «Показать ветку таблицы» отобразилась таблица Branch, а после этого, если я нажму кнопку Display Student Table, тогда должна отображаться таблица Student, а остальные таблицы должны быть отображены скрыты, а также для всех таблиц. Теперь приведенный ниже код имеет jquery, который слишком избыточен, и я хочу его оптимизировать. Кроме того, у меня есть часть моего кода PHP, в котором отображается таблица ветвей, тег div тега - branch1, а для ученика - ученик1 и аналогично. При нажатии на кнопку ветви дисплея я ничего не вижу. Это означает, что if (isset ($ _ POST ['display_branch'])) не работает при нажатии кнопки. Также есть тег div для каждой таблицы и имеет другой идентификатор, но тот же класс (например, рендер) Я хотел бы знать, где я здесь не прав, и я не хочу, чтобы страница была перезагружена снова.

JQuery:

$('.render').hide();
$('#display_branch').click(function (event) {
    $('#student1').hide();
    $('#subject1').hide();
    $('#exam1').hide();
    $('#marks1').hide();
    $('#branch1').show();
});

$('#display_student').click(function (event) {
    $('#subject1').hide();
    $('#exam1').hide();
    $('#marks1').hide();
    $('#branch1').hide();
    $('#student1').show();
});
$('#display_subject').click(function (event) {
    $('#subject1').show();
    $('#exam1').hide();
    $('#marks1').hide();
    $('#branch1').hide();
    $('#student1').hide();
});
$('#display_exam').click(function (event) {
    $('#subject1').hide();
    $('#exam1').show();
    $('#marks1').hide();
    $('#branch1').hide();
    $('#student1').hide();
});
$('#display_marks').click(function (event) {
    $('#subject1').hide();
    $('#exam1').hide();
    $('#marks1').show();
    $('#branch1').hide();
    $('#student1').hide();
});

Кнопки дисплея:

       <div id="display" style="position:absolute; top:100px;">
       <form action="" method="post">
       <input type="button" id="display_branch" name="display_branch" value="Display Branch Table" >
       <input type="button" id="display_student" name="display_student" value="Display Student Table">
       <input type="button" id="display_subject" name="display_subject" value="Display Subject Table">
       <input type="button" id="display_exam" name="display_exam" value="Display Exam Table">
       <input type="button" id="display_marks" name="display_marks" value="Display Marks Table">
       </form>
       </div>

Фрагмент кода PHP:

   if(isset($_POST['display_branch']))
   {
   $result = mysql_query("SELECT * FROM branch");?>
 <div class="render" id="branch1" style="position:absolute; left:200px; top:150px;">
        <table id="datatables" class="display">
            <thead>
                <tr>
                    <th>Branch ID</th>
                    <th>Branch Name</th>
                </tr>
            </thead>
            <tbody>
                <?php
                while ($row = mysql_fetch_array($result)) {
                $branch_id= $row['branch_id'];
                $branch_name = $row['branch_name'];?>
                    <tr>
                        <td><?php echo $branch_id;?></td>
                        <td><?php echo $branch_name;?></td>                         
                    </tr>
                    <?php
                }
                ?>
            </tbody>
        </table>
    </div>}

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

0

добавлено 28 Декабрь 2012 в 11:19 автор SilentAssassin отредактировано 28 Декабрь 2012 в 12:26

Просмотры: 6

источник

nl ja de

2 ответы

$_POST['display_branch']

Для этого требуется запрос POST с параметром display_branch.

У вас есть в основном два варианта скрыть/показать такие элементы.

1 have them all hidden at the load time and then just selectively show like this http://jsfiddle.net/DVd3A/1/
2 do an ajax request on button click with $.ajax() like this http://jsfiddle.net/sLXMU/3/

0

добавлено 28 Декабрь 2012 в 11:30 автор mononot

источник

Спасибо за быстрый ответ. Я постараюсь выполнить вышеупомянутые предложения и вернуться к вам.

добавлено 28 Декабрь 2012 в 11:41, автор SilentAssassin, источник

Большое спасибо. Что касается второго подхода, как можно добиться того же, используя ajax?

добавлено 28 Декабрь 2012 в 12:05, автор SilentAssassin, источник

Поэтому я должен использовать кнопки дисплея, упомянутые в моем вопросе, вместо ссылок, упомянутых в решении? Если «да», тип ввода для каждой кнопки должен быть отправлен, или иначе почтовый запрос не будет сгенерирован. Это верно ? И я не получаю сущность параметра данных функции ajax. Что такое display_area в нем и что «1» после display_branch?

добавлено 28 Декабрь 2012 в 01:06, автор SilentAssassin, источник

Как насчет display_area? Является ли этот идентификатор определяемым в отдельном файле php?

добавлено 28 Декабрь 2012 в 01:23, автор SilentAssassin, источник

Хорошо, я думаю, это поможет мне. Еще раз спасибо !!

добавлено 28 Декабрь 2012 в 01:45, автор SilentAssassin, источник

У вас может быть отдельная страница, которая будет содержать ваш PHP-код, как показано в исходном вопросе. F.E. if ($ _POST ['display_branch']) {die ('My wanted content'); }, а затем вы запрашиваете страницу с $ .ajax() следующим образом $ .ajax ({type: "POST", url: "some.php", data: {display_branch: "1"}}). done (function ( данные) {$ ('# display_area'). html (data);});

добавлено 28 Декабрь 2012 в 12:12, автор mononot, источник

вы можете вызвать функцию $. ajax() с любым элементом (ссылкой или кнопкой). Просто убедитесь, что вы передаете данные POST в параметре data </b> функции $. Ajax() . 1 есть необязательный, его просто некоторая ценность для назначения. Это также может быть правдой или любым другим.

добавлено 28 Декабрь 2012 в 01:11, автор mononot, источник

jsfiddle.net/sLXMU/3 попробуйте этот код

добавлено 28 Декабрь 2012 в 01:36, автор mononot, источник

его настраивают на ваши нужды (переменная данных изменяется на строку запроса, так как мы можем внести переменную параметра POST). А область отображения - это место, где потом загружается ваш контент.

добавлено 28 Декабрь 2012 в 01:42, автор mononot, источник

автор Arvind Bhardwaj · Answer 1 · 2012-12-28T11:33Z

Это не полное решение вашей проблемы, но это определенная оптимизация вашего кода jQuery. Я создал фиктивный сценарий вашей проблемы. Вы можете получить некоторую помощь от этого кода:

<�Сильный> HTML:

<div id="tables">
    <table id="branch1">
    </table>
    <table id="subject1">
    </table>
    <table id="student1">
    </table>
    <table id="marks1">
    </table>
    <table id="exam1">
    </table>
</div>

<�Сильный> jQuery

$('#display_branch').click(function (event) {
    var table = $(this).attr(id).split("_");
    $("#tables").find("table").hide();
    $("#"+table[1]+"1").show();
});