当我按下按钮时,如何只刷新特定的表格?

时间:2015-06-30 21:39:40

标签: javascript jquery ajax

我有这张桌子:

enter image description here

该表的结果来自数据库。如果我添加一个新的" nombre proyecto"我按" guardar"我在我的表中添加了一个新数据,如果我重新加载页面,我只能看到新数据,但我只想在按下按钮时刷新表以查看新数据。

完成表格的功能:

    GridProyectos: function(data){

    var self = this;

    $.each(data, function(index,value){ 
        var historial = JSON.stringify(value); 
            $('#grid_proyecto').append(
                '<tr>'+
                    '<td>'+value.id_proyecto+'</td>'+
                    '<td>'+value.nombre_proyecto+'</td>'+
                    '<td>'+value.fecha_registro+'</td>'+
                    '<td>'+value.proyecto_oculto+'</td>'+
                '</tr>'
            );   
        }); 
},

带有html的模板:

'<div id="legend">'+
          '<legend class="">Nuevo proyecto</legend>'+
        '</div>'+
             '<button type="button" class = "btn btn-default btn-xs add" id ="addPro_id"><img src="img/addPro.png" height="30" width="30"/></button>'+
            '<div class="form-group" id ="addProyecto_id">'+
                    '<label for="concept" class="col-sm-3 control-label">Nombre proyecto</label>'+
                    '<div class="col-sm-9">'+
                        '<input type="text" class="form-control" id="nuevo_proyecto_id" name="nuevo_proyecto">'+
                    '</div>'+
            '</div>'+
             '<div class="form-group" id ="btn_pro_id">'+
                '<div class="col-sm-12 text-right">'+
                    '<button type="button" id="btn_enviar_proyecto_id" class="btn btn-primary enviar">Guardar</button>'+
                '</div>'+
            '</div>'+

             '<div class="form-group">'+
                '<div class="container-fluid">'+
                    '<div class="row">'+
                        '<div class="col-md-12">'+
                            '<table id="grid-basic" class="table table-condensed table-hover table-striped">'+
                                '<thead>'+
                                    '<tr>'+
                                        '<th data-column-id>Id</th>'+
                                        '<th data-column-id>Nombre</th>'+
                                        '<th data-column-id>Fecha registro</th>'+
                                        '<th data-column-id>proyecto oculto</th>'+
                                    '</tr>'+
                                '</thead>'+
                                '<tbody id ="grid_proyecto">'+

                                '</tbody>'+
                            '</table>'+
                        '</div>'+
                    '</div>'+
                '</div>'+
            '</div>'+

我该怎么做?谢谢,对不起我的英语。

2 个答案:

答案 0 :(得分:0)

您的标记中可能存在语法错误。在您复制的代码中,您有@Override public int onStartCommand(Intent intent, int flags, int startId) { Log.v(LOG_TAG, "Received start id " + startId + ": " + intent); if (intent == null) { Log.w(LOG_TAG, "Service was stopped and automatically restarted by the system. "); //Tell your server about the crash. stopSelf(); } // We want this service to continue running until it is explicitly // stopped, so return sticky. return START_STICKY; } 。尝试删除该空格id ="grid_proyecto",看看是否有效。在这种情况下,jQuery append函数应该是你正在寻找的东西。只需确保id="grid_proyecto"$('#grid_proyecto')&gt; 0

答案 1 :(得分:0)

我认为理想的做法是将新数据附加到表中,同时加载数据库中的实际插入。您可以像执行它一样添加它。我建议你创建一个特定的函数来执行该追加,如下所示:

function agregarTabla(value){
        $('#grid_proyecto').append(
            '<tr>'+
                '<td>'+value.id_proyecto+'</td>'+
                '<td>'+value.nombre_proyecto+'</td>'+
                '<td>'+value.fecha_registro+'</td>'+
                '<td>'+value.proyecto_oculto+'</td>'+
            '</tr>'
        );  
}

所以你可以用新数据来调用它。

但是,如果您真的想要刷新该部分,无论如何,您都可以使用load()。在您的情况下,您将不得不这样做:

$("#grid_proyecto").load("URL_OF_YOUR_PROJECT" + #grid_proyecto")

这样你只会刷新网络的那一小部分。

希望有所帮助。

对不起我的英语。