如何在重新加载div

时间:2016-01-15 10:20:10

标签: javascript php jquery html mysql

我有一个html表,显示来自数据库的数据我每隔30秒从数据库重新加载表中的数据但是这样做表重新加载从数据库插入的每个新值,但它不保留该表中的删除按钮的功能,而在重新加载之前,它允许我删除,重新加载后没有任何反应,当我点击该按钮也不允许编辑列,而在重新加载之前它允许我这样做...我该怎么办?做? 这是我的html表代码 -

<div id="divGrid">
                             <table class="footable" data-filter="#filter" id="tableresult" >
                               <thead>

                                <th>Client name</th>
                                 <th>Staff name</th>
                                 <th>Matter</th>
                                 <th> Delete</th>
                              </thead>
                             <tr id="<?php echo $id; ?>" class="edit_tr">

<td class="edit_td" >
<span id="client_<?php echo $id; ?>" class="text"><?php echo $clientname; ?></span>
<input type="text" value="<?php echo $clientname; ?>" class="editbox" id="client_input_<?php echo $id; ?>" /&gt;
</td>

<td class="edit_td">
<span id="staff_<?php echo $id; ?>" class="text"><?php echo $staff; ?></span> 
<input type="text" value="<?php echo $staff; ?>" class="editbox" id="staff_input_<?php echo $id; ?>"/>
</td>

<td class="edit_td">
<span id="matter_<?php echo $id; ?>" class="text"><?php echo $matter; ?></span> 
<input type="text" value="<?php echo $matter; ?>" class="editbox" id="matter_input_<?php echo $id; ?>"/>
</td>
<td class="delete_td"><input type="button" id="del" class="btn btn-danger" value="&times;"></input></td>
</tr>
</tbody>

</table>
</div>

和我用于重新加载表的脚本 -

<script>
$(document).ready(function(e) {

    var refresher = setInterval("update_content();",30000); // 30 seconds

});

function update_content(){

  $('#divGrid').load('main.php #divGrid>table');

}
</script>

删除按钮在重新加载之前执行的功能,即使在删除后仍应保留 -

$(document).ready(function(){

var ID = 0;
var parent = null;

    $('input[type=button]').click(function(){
         ID = $(this).parent().parent().attr('id');
   parent = $(this).parent().parent();
   $('#modal').dialog('open');


   });
$('#modal').dialog({
    autoOpen: false,
     title: 'Delete Confirm Box',
     width: 400,
      buttons : [
            {
                text: 'OK',
                click: function () {
                    $("#modal").dialog('close');
                     var data = 'id=' + ID;
                      $.ajax(
                {
                    type: "POST",
                    url: "delete.php",
                    data: data,
                    cache: false,
                    success: function()
                    {
                        parent.fadeOut('slow', function(){
                            $(this).remove();
                        });
                    }
                });  


                }
            },
            {
                text: 'Cancel',
                click: function () {
                    $("#modal").dialog('close');
                }
            }
        ]
});



});

0 个答案:

没有答案