Ajax控制表行的最佳途径

Question

我希望能够打印出x行和大约10列的表格。但是，我希望能够在表中选择行，就像它是一个多选框一样。选择表格的行将导致其他文本区域显示有关该行数据的其他信息。

在AJAX中执行此操作的最佳方式是什么？

Answer 1

你需要做很多事情，但我会告诉你你需要什么。对于每一行，您都需要附加一个单击侦听器，或者允许click事件冒泡到表并将其捕获到那里，然后检查它所在的行（here's how the YUI folks do this）。在每个HTML元素上，您将需要某种方法来识别单击哪一行。它可以是HTML ID的一部分，也可以使用trElement.getAttribute('yourAttribute')检索的其他属性。

获得id后，您可以显示textarea或进行AJAX调用以获取其他数据，然后显示textarea。您需要定义一些带有id的web服务，并返回要显示的HTML或可以解析的JSON数据，然后自己构建显示。取决于您发送的数据量是否最好返回JSON或HTML，但我倾向于选择JSON。如果您可以选择多行，则需要存储在JavaScript中的某个位置单击的行。这就像拥有一个变量一样简单，该变量是单击的id的集合，每次单击该行时都会添加它，或者根据它是否已经存在而将其删除。您还可以为每个选定的行添加一个类，以便背景颜色发生变化或者选择它时的某些内容。

在高层次上，这就是它的全部内容，但如果您有更具体的问题，我可以详细说明具体部分。