Question

任何人都可以提供建议，或者提供一些关于如何使用jQuery UI标签实现以下目标的指示。

我目前有一个jQuery UI标签界面，显示一个google viz表，其中填充了数据库中的数据。当我选择其中一行时，我调用select事件来创建一个新选项卡，该选项卡使用所选行中的单元格命名。到目前为止，所有内容似乎都按预期工作，但我想通过使用google visualization api动态地将一些数据加载到新选项卡（可能包括其他图表）来扩展新选项卡的创建。

我真的在努力获得一些实现的基本调用，这将允许我调用一个简单的脚本，我可以在以后构建它。

如果有人之前尝试过此操作并发现这不起作用，或者可以提供任何指导，那么我们将非常感激。

干杯。

Answer 1

我看到有这个帖子的观众，所以我想分享我的发现，为将来可能需要一些帮助的人...

$tabs = $("#tabs").tabs({
                    tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
                    add: function( event, ui ) {
                        $(ui.panel).load("src/getDetails.php", {'q': + 'release_1234'}, function(response, status, xhr){
                            if(status == "error"){
                                var msg = "Sorry, but there appears to be an error: ";
                                $("#error").html(msg + xhr.status + " " + xhr.statusText);
                            }
                        });
                    }
                });

现在我需要弄清楚的是如何传递一个变量来替换release_1234的硬编码值 - 如果你有任何想法，请大喊。

感谢。

使用脚本加载动态创建的jQuery UI选项卡

1 个答案: