将数据填充到TextArea和jquery对话框中

时间:2015-02-16 16:46:07

标签: javascript jquery html

我需要帮助来填充textarea,其中包含从查询DB中获取的数据。 我有一个对话框(Jquery),其中包含另一个对话框,还有一个textarea。

伪代码:

<MODAL>
   <modalB>
     <TextArea>some data recibed</textarea>
   </modalB>
<MODAL>

当我调用打开textarea的函数时,返回DB的结果(如所希望的那样)。问题是当我关闭并再次打开它时,因为textarea返回空。当我第二次这样做时,它再次正常工作(textarea返回DB数据)。

javascript代码:

function detalleSeguimiento(idSeguimiento) {
  var datos = {'idSeguimiento': idSeguimiento};
  $.get("detalleSeguimientosCargar.php", datos, function(data){
    $("#textAreaDetalleSeguimiento").html(data);
  });
  $('#modalDetalleSeguimiento').dialog({
    width:750,
    minHeight:400,
    modal: true,
    title: 'titulo',
    resizable: false,
  });
}

谢谢!

编辑:感谢CrisC的解决方案!

2 个答案:

答案 0 :(得分:1)

您只需要在创建对话框之前等待数据返回:

function detalleSeguimiento(idSeguimiento) {
    var datos = {'idSeguimiento': idSeguimiento};
    $.get("detalleSeguimientosCargar.php", datos, function(data){
        $("#textAreaDetalleSeguimiento").html(data);
        $('#modalDetalleSeguimiento').dialog({width:750,
                                              minHeight:400,
                                              modal: true,
                                              title: 'titulo',
                                              resizable: false});
   });
}

只需在$.get回调中移动对话框。

答案 1 :(得分:1)

使用promises并使用回调来检索数据,当数据检索函数将被调用

还有一个选项是创建eventlistner来接收数据,比如数据是可用的,事件就是火