如何更新jQuery移动表

Question

我想在jQuery mobile中创建一个表。该表将从mysql更新。请告诉我在jQuery mobile中创建和更新表的过程。我对该平台完全不熟悉。

Answer 1

您应该使用AJAX更新表而不刷新页面。在您的jquery / html页面中，您在向其添加新数据后执行ajax调用以更新表（我假设这是您需要更新的原因）。

它的工作原理如下：

1. 有一个单独的脚本来显示你的表

2. 使用JQUERY AJAX在页面加载时为您显示表格

   $(document).on("pageinit", "#visualUnitList", function () {
                   LoadVisualUnitTable();
               });
   

3. 编写函数以显示表

   function LoadVisualUnitTable() {
     $.post('unit_DisplayVisualTable.php', 'unitSearchBox=<?php echo $_POST ['unitSearchBox'];?>, function(data) {
     $("#visualUnitListTable-popup-popup").remove();    //<!-- remove "select columns to display" popup from dom before reloading - fix for button not working after reload -->
     $("#visualUnitTable").html(data).enhanceWithin();//<!-- load data to div -->
   });
   return false;
   };
   

这将使您的表格出现在屏幕上。如果你想更新它/编辑表中的数据，你需要写更多的ajax来将数据POST到一个单独的php（？）脚本。发布数据后，您只需按照我在AJAX中的第1点运行LoadVisualUnitTable()。

我希望这可以提供帮助。

P.S。对于您可能会问的任何未来问题，如果您提供有关您要实现的内容的更多详细信息，那么撰写回复要容易得多，如果您可以发布您一直致力于的现有代码，那就更好了。 。