带有自定义数据调用的jQuery UI对话框

时间:2013-07-09 20:29:53

标签: jquery jquery-ui spring-mvc

我没有那么多使用jQuery,我试图远离使用常规的JavaScript,因为我必须支持许多浏览器,我想学习。我有一个Spring MVC编写一个元素表,包括一些像$ {tt.id}等填充的属性。我必须构建一个弹出窗口,可以显示所有细节和其他一些不显示在表格本身的弹出。我已经为弹出框架制作了框架并分配了div,是否有一种简单的方法可以解决onclick的jquery调用,以显示弹出窗口以获取属性值,例如$ {tt.id},以避免代码冗余?

$(function() {
    $("#dialog").dialog({
    height:200, and some other size attributes here...
    autoOpen:false
    });
    $(".table a").click(function() {
        $('#dialog').dialog('open');
        });
  });

这就是我现在拥有的代码所以你可以看到我正确地将它附加到表格中的标签,而不是制作20个这些隐藏的div(我可以),我想让它变得更聪明。

1 个答案:

答案 0 :(得分:0)

伙计,如果我理解你的问题,你可以这样解决:

对于每个表行,您可以攻击类似这样的内容:<a class="foo" id="theObjId"></a>。并且,对jquery说,每次点击,都会生成一个ajax请求,传递id属性。因此,响应将更新弹出div。