ajax - Ajax 控制表行的最佳方法

Question

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

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

Answer 1

您需要做很多事情，但我会告诉您您需要什么。对于每一行，您需要为其附加一个单击侦听器，或者您允许单击事件冒泡到表格并在那里捕获它，然后检查它在哪一行（这是 YUI 人员如何执行此操作的）。在每个 HTML 元素上，您都需要某种方式来识别单击了哪一行。它可以是 HTML id 的一部分，也可以使用完全不同的属性来检索trElement.getAttribute('yourAttribute')。

获得 id 后，您可以显示 textarea 或进行 AJAX 调用以获取其他数据，然后显示 textarea。您需要定义一些 Web 服务，它接受一个 id 并返回要显示的 HTML 或您可以解析然后自己构建显示的 JSON 数据。取决于您发送的数据量是返回 JSON 还是 HTML 更好，尽管我更喜欢 JSON。如果您可以选择多行，则需要在 JavaScript 中的某处存储已单击的行。这就像拥有一个变量一样简单，该变量是一组单击的 id，每次单击该行时，您都会根据它是否已经存在来添加或删除它。您还可以为每个选定的行添加一个类，以便在选择它时更改背景颜色或其他内容。

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