如何使用javascript从IFrame中的子级启用/禁用父级模式弹出窗口上的按钮

Question

我试图从子窗口中禁用/启用父窗口的按钮。

以下是父页面的摘录。

<ajaxToolkit:ModalPopupExtender ID="mpeTest" runat="server" 
  CancelControlID="btnClose" PopupControlID="pnl1" TargetControlID="showMpe"/>

<asp:Panel ID="pnl1" runat="server" >
           <ContentTemplate>
                <iframe id="ContentIframe" runat="server">
                        <p>Your browser does not support iframes.</p>
                </iframe>
            </ContentTemplate>
    <p class="submitButton">
        <asp:Button ID="btnClose" runat="server" Text="Close" />
        &nbsp;
        <asp:Button ID="btnTest" runat="server" Text="EnableDisable" />
    </p>
</asp:Panel>

在iframe中加载的子页面中，我有一个带有LinkBut​​tons的网格视图。 我试图从父窗口获取这些LinkBut​​ton之一以禁用/启用btnTest。

我尝试了很多事情，但似乎无法弄清楚……例如：

<script type="text/javascript" >
    $(document).ready(function() {
        jQuery('[id$="linkButtonDisable"]').click(function() {
           window.parent.opener.document.getElementById("btnTest").disabled = true;
        });
    });
</script>

谁能帮我一下。 我对此很陌生

Answer 1

也许您应该尝试这样的事情...

$("#<%=linkButtonDisable.ClientID %>").click(function() {

       //Option N#1 HTML Attribute 
       $("#<%=btnTest.ClientID %>").attr("disabled","disabled");

       //Option 2 With jQueryMobile integration, the same it supposed to work if your using bootstrap, but I ignore the css class for disabling an element
       $("#<%=btnTest.ClientID %>").addClass("ui-disabled");

       //Also if you want to toggle states between disable/enable maybe this could work either...
       var id = $("#<%=btnTest.ClientID %>"); 
       var state = id.attr("disabled");
       //Dunno if it's needed to catch if disabled attr it isn't set
       if(state == "disabled") {
           id.removeAttr("disabled");
       } else {
           id.attr("disabled","disabled");
       }

});

希望有帮助！...