如何使用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中的子页面中，我有一个带有LinkButtons的网格视图。我正在尝试从父窗口中获取一个LinkButtons来禁用/启用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");
       }

});

希望能帮上忙！.