如何在JQuery mobile中对表行执行操作

Question

我有一个表格，显示的结果如下图所示。现在我需要通过选择它来对每一行执行一些操作。我能想到两个选择，

1）我们可以为每一行提供一个单选按钮。在右侧下拉以执行操作。但是我需要从下面的

这样的javascript文件动态生成这段代码

      function getMessage(result){



for (var j = 0; j < result.invocationResult.resultSet.length; j++) {
    var tmp = "<tr>";
    var resSet = result.invocationResult.resultSet[j];

    for(res in resSet){
        tmp += "<td>" + resSet[res] + "</td>";

    }

    $("#mytable > tbody").append(tmp+"</tr>");

    $('#AppBody').hide();
    $('#AuthBody').hide();
    $('#ResTable').show(); 

}

      }

2）提供指向行中特定项目的链接，如Dispute Number＆amp;单击时，它应该带我到另一个页面，我可以通过下拉菜单执行这些操作。但是这里的链接应该动态应用于行中的项目。据我所知，我不应该使用href导航，因为我正在使用worklight。

请帮助我处理方法和示例。

感谢。

Answer 1

所以我不确定您在选项1 ...

面临的问题是什么

对于选项2，
导航到另一个＆＃34;页面＆＃34;没有问题。使用Worklight和jQuery Mobile，只要你负责任地做（明确不使用href）。也就是说，不要丢失Worklight上下文，此时东西将停止工作。

这个想法是这样的：
在应用程序的index.html中，您（将/应该）拥有<div data-role="page">，在Worklight的情况下，您需要将其内容与其他HTML文件中的其他内容切换。

这是一个简化的Worklight 6.2示例项目：https://github.com/IdanAdar/Multipage-Navigation-Using-jQM

在HTML中：

<a href="#" data-role="button" id="button-mainpage" onclick="changeToSomePage();">load page1</a>

在JavaScript中：

function changeToSomePage() {
    $(':mobile-pagecontainer').pagecontainer('change','somepage.html');
}