从 iframe 内的按钮打开菜单列表答案

【问题标题】：Open a menu list from a button inside an iframe从 iframe 内的按钮打开菜单列表
【发布时间】：2014-01-22 11:35:17
【问题描述】：

我有一个 asp:Button，我想打开一个菜单，我想根据菜单按钮左侧框中的 pageID 加载自定义菜单。到目前为止，我一直在使用 jQuery 对话框对此进行测试，该对话框目前可以使用，但没有所需的功能。

我想动态创建菜单，所以有用的是 iframe，它将菜单页面加载到按钮左侧的框中。

它应该是这样的：

这是我现在用来在对话框中打开菜单的代码，如果可以以某种方式更改它以在该按钮旁边加载一个 iframe，那就太好了：

    var $dial2 = ""
    function openmenu(title, width, height, menuID) {
        $dial2 = $('<div></div>')
                       .html('<iframe id="dial1" style="border: 0px; " src=/CustomControls/PageSubMenu.aspx?&menuID="' + menuID + '" width="100%" height="100%"></iframe>')
                       .dialog({
                           autoOpen: false,
                           modal: true,
                           height: height,
                           width: width,
                           title: title
                       });
        $dial2.dialog('open');
    }

【问题讨论】：

我无法理解您尝试做什么以及您在哪里堆叠。对我来说最好有一个简单的方法，有效且健壮，然后也许您可以使用一些 ajax 来动态更改页面的某些部分...
理论上它很简单，它只是一个 iframe，包含在一个连接到按钮侧面的东西中。

标签： c# jquery asp.net css webforms

【解决方案1】：

最后，我使用上面显示的对话框实现了这一点，但使用 position 属性将其连接到按钮的边缘。我在对话框中添加了一个按钮来关闭它，还为菜单中显示的任何按钮添加了一个关闭事件。

function openmenu(width, height, menuID) {
    if ($dial2 == "") {
        $dial2 = $('<div></div>')
                       .html('<iframe id="dial2" style="border: 0px; " src=/CustomControls/PageSubMenu.aspx?&menuID="' + menuID + '" width="100%" height="100%"></iframe>')
                       .dialog({
                           autoOpen: false,
                           modal: false,
                           height: height,
                           width: width,
                           title: 'Menu',
                           draggable: false,
                           resizable: false,
                           position: {
                               my: 'top',
                               at: 'left-207',
                               of: $('#btnMenu')
                           },
                           dialogClass: "testdia"
                       });
        $dial2.dialog('open');

    }
    else {
        closemenu();
    }
    }

【讨论】：