使用Jquery,我将如何制作所有

时间:2010-10-06 20:42:39

标签: jquery datatables

我将使用jquery插件数据表。我在文档中看到了fnRowCallback,但它看起来很复杂。

如果对表格的行和数据进行两种类型的更改,代码将如何显示:

<table class='activitylocation'>
  <tbody>
    <tr>
      <td>John Smith</td>
      <td>123 Fake St</td>
      <td>lat_1</td>
      <td>lon_1</td>
    </tr>
    <tr>
      <td>XX MAN</td>
      <td>12333 Fake St</td>
      <td>lat_2</td>
      <td>lon_2</td>
    </tr>
  </tbody>
</table>

更改1 涉及根据数据将信息插入每一行:

<tr onlick="my_function1('John Smith');" onMouseOver="my_function2('lat_1','lon_1')" >

更改2 是通过插入此类信息隐藏每行的2个数据元素:

  <td class='hide'>lat_1</td>
  <td class='hide'>lon_1</td>

我将从PHP服务器中提取数据。诀窍是从数据表到Web地图的链接。我是jquery和datatables新手。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

如果我在这里得到你的问题,你应该做什么:

请不要使用oneclick stuff,而是在head部分声明所有处理程序:

$('tr').click(function() {
    var name = $(this).children().eq(0);
    var lat_1 = $(this).children().eq(2);
    var lon_1 = $(this).children().eq(3);
});

如果你使用hide()函数,你可能会弄乱一个表结构,所以也许最好的方法是设置隐藏的可见性

$('td:eq(2), td:es(3)').css('visibility', 'hidden');

我希望这会有所帮助