Как я могу получить таблицу JQuery Mobile для эха в PHP?

Question

Я пытаюсь отобразить таблицу JQM в файле viewsessions.php. Я исследовал эту тему и пробовал это решение Jquery Mobile Table in PHP code, но страница не загружается с моим кодом, поэтому я убрал его обратно туда, где работает таблица.

Любые идеи, как это сделать?

viewsessions.php

<?php 

$servername = ""; 
$username = ""; 
$password = ""; 

// This code creates a connection to the MySQL database in PHPMyAdmin named 'ibill' 
$con=mysqli_connect('localhost','root','cornwall','ibill'); 

// The connection is then checked, if it fails, an echo is sent back to the page stating a connection error. 
if (mysqli_connect_errno()) { 
    echo "Failed to connect to MySQL: " . mysqli_connect_error(); 
} 

// This is the query that is sent to the ibill database. 
$viewsessions = "SELECT typeofactivity, employer, date, time, amount FROM session_details"; 
$result = $con->query($viewsessions); 

if ($result->num_rows > 0) { 
    echo "<table><tr> 
        <th>Type of Activity</th> 
        <th>Employer</th> 
        <th>Date</th> 
        <th>Time</th> 
        <th>Amount (GBP)</th> 
       </tr>"; 
// output data of each row 
    while($row = $result->fetch_assoc()) { 
     echo "<tr> 
       <td>".$row["typeofactivity"]."</td> 
       <td>".$row["employer"]."</td> 
       <td>".$row["date"]."</td> 
       <td>".$row["time"]."</td> 
       <td>".$row["amount"]."</td> 
      </tr>"; 
    } 
    echo "</table>"; 
} else { 
    echo "0 results"; 
} 
$con->close(); 
?> 

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

main.php # viewsessions

<!--**********************************************VIEW SESSIONS PAGE*******************************************************************************--> 
    <!--***********************************************************************************************************************************************--> 

    <!--********************************HEADER**************************************************************************************--> 
    <div data-role="page" id="viewsessions"> 
     <div data-role="header" data-id="foo1" data-position="fixed"> 
     <div class='cssmenu'> 
     <ul> 
      <li class='active'><a href='#home'>Home</a></li> 
      <li><a href='#sessionrecord'>Record a Session</a></li> 
      <li><a href='#viewsessions'>View Sessions</a></li> 
      <li><a href='#invoice'>Create an Invoice</a></li> 
     </ul> 
     </div> 
    </div><!-- /header --> 
    <!--********************************HEADER***************************************************************************************--> 

    <!--********************************MAIN*****************************************************************************************--> 
    <div data-role="main" class="ui-content"> 
     <p><span class="logout"><a href="logout.php" data-role="button">Sign Out</a></span></p> 
     <div class="loginphp"> 
     <?php 
     if (isset($_SESSION['user_session']) and $_SESSION['user_session']!=""){ 
     echo '<p>Signed in as:&nbsp;<span class="uname">' . $_SESSION['user_session'] . '</span></p>';  } 
     else { 
     echo 'not working'; 
     } 
     ?> 
     </div> 



     <img class="mainlogo" src="/projects/ibill_v3/img/ibill logo.png" alt="iBill Logo" width="200" height="152"> 
      <h1>Recorded Sessions</h1> 
      <section class="maincontent"> 
      <?php 
       include "viewsessions.php"; 
      ?> 
      </section> 
    </div> 
    <!--********************************MAIN******************************************************************************************--> 

    <!--********************************FOOTER****************************************************************************************--> 
    <div data-role="footer"> 
     <footer class="footer"> 
     <p>awilliams&copy;</p> 
     </footer> 
    </div> 
    </div> 
    <!--********************************FOOTER*****************************************************************************************--> 

    <!--**********************************************************END OF VIEW SESSIONS PAGE***************************************************************--> 
    <!--**************************************************************************************************************************************************--> 

Answer 1

Если вы обновляете таблицу с сервера, вам необходимо ее перестроить, используя (".selector").table("rebuild"); иначе вы можете просто нужно Инициализировать таблицу

$(".selector").table({ 
    defaults: true 
}); 

кроме того, Вам необходимо включить data-role="table" атрибут в вашей таблице тега и я думаю, что может быть ваша проблема потому что вы не вставили его попытаться включить этот тег , и если он не сработает, используйте приведенный ниже код

if ($result->num_rows > 0) { 
    echo '<table data-role="table" class="selector" data-mode="reflow"> <tr> 
        <th>Type of Activity</th> 
        <th>Employer</th> 
        <th>Date</th> 
        <th>Time</th> 
        <th>Amount (GBP)</th> 
       </tr>'; 
// output data of each row 
    while($row = $result->fetch_assoc()) { 
     echo "<tr> 
       <td>".$row["typeofactivity"]."</td> 
       <td>".$row["employer"]."</td> 
       <td>".$row["date"]."</td> 
       <td>".$row["time"]."</td> 
       <td>".$row["amount"]."</td> 
      </tr>"; 
    } 
    echo '</table><script> $(".selector").table({ 
     defaults: true 
    });</script>'; 
} else { 
    echo "0 results"; 
} 

Answer 2

Вы PHP-код выглядит нормально, а также ваш HTML. Обратите внимание, что если ваш PHP-код работает правильно, таблица будет сгенерирована как часть HTML-документа до jQuery Mobile для стилей и укрупнения. Убедитесь, что ваш PHP-код действительно возвращает желаемый код HTML. Это можно сделать, скопировав/вставьте код в отдельный скрипт и запустите его напрямую.

Также подумайте над тем, чтобы добавить следующую проверку для хорошей практики. Причина в том, что $con->query() может вернуться FALSE, а $result->num_rows ожидает mysqli_result объект.

// This is the query that is sent to the ibill database. 
$viewsessions = "SELECT typeofactivity, employer, date, time, amount FROM session_details"; 
$result = $con->query($viewsessions); 

//Check if a result was returned 
if($result === FALSE){ 
    echo mysqli_error($con); 
}