【问题标题】:Use JQuery to refresh table row using data after data updates in iframe在 iframe 中的数据更新后,使用 JQuery 使用数据刷新表行
【发布时间】:2012-03-29 07:37:38
【问题描述】:

我有一个带有链接的简单表,该链接在当前 TR 之后插入一个 div(使用 JQuery),创建一个 Iframe 并将 IFrame 的内容设置为一个页面,该页面的表单与我选择的表行相关。

表单更新后,它会重新加载触发 JQuery 更新父 TR 行中的某些内容的同一页面,禁用某些链接并更新 TD 单元格中的某些数据以反映表单中所做的更改。

这个过程意味着我必须对每个需要更新的元素进行编码,这意味着更多的东西可能会破坏.....

我想做的是使用 jQuery LOAD 命令更新具有唯一 ID 的整个 TR。我会调用与数据库中记录 ID 显示的页面相同的页面 - 然后我需要在该 LOADing 页面上获取生成的 TR 并将其插入到主页上的 TR 位置。

如果我对显示数据中的行使用 DIV 而不是表格,我会执行 $('#myRowID').load('SameDatapage.asp?id=SameRecordid #divWithUniqueID') 之类的操作

所以我的问题是 - 我将使用什么代码通过替换其 HTML() 来重新加载/替换受影响的 TR,如果是这样,我不知道如何从包含 TR 的页面中获取 HTML()我会在 LOAD 命令中调用它(我认为它不支持使用除 DIV 之外的任何内容加载页面部分)

  • 或 -

这样格式化表格是否合法:

<table>
<div id="1">
<tr>
  <td>some data</td>
</tr>
</div>
<div id="2">
<tr>
  <td>another row</td>
</tr>
</div>
</table>

加载 div 内的行还是那是糟糕的 HTML?

【问题讨论】:

    标签: jquery html-table row refresh


    【解决方案1】:

    (不确定我是否跟随但)

    您可以只使用 TR 上的 id:

    <tr id="1">
    
    code (something like this?):
    
    var replacementRow = ;//your server request and data here
    
    $('#1').html(replacementRow);
    

    【讨论】:

    • 我想要做的是递归调用页面 - 我更新底层数据记录,然后我调用同一个页面,想要从同一个表中提取单行并替换它到文档中。通常我使用 load() 函数来执行此操作,尽管我认为我不能在 TR 行上执行此操作,并且我不想手动构建该行的 列并将其提供给行 replacementRow= 我已经在使用子 iframe 中的 HTML() 函数将更新的数据推送到父 TR 行,该行具有我要更新的行的 ID 和 。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-01-13
    • 2013-05-27
    • 2016-07-25
    • 2017-06-28
    • 1970-01-01
    • 2018-12-28
    • 1970-01-01
    相关资源
    最近更新 更多