我怎样才能让Jquery Mobile表在PHP中回显？

Question

我正试图在viewsessions.php文件中回显JQM表。我已经研究过这个主题并尝试了这个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); 
}