如何为 AJAX 模态弹出扩展器对齐模态弹出面板极右？答案

【问题标题】：How to align modal popup panel extreme right for AJAX Modal Popup Extender?如何为 AJAX 模态弹出扩展器对齐模态弹出面板极右？
【发布时间】：2019-08-22 16:24:11
【问题描述】：

我在主子关系的子页面中使用 Ajax modalpopupextender 控件。我想将 modalpopup 右对齐

<asp:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnShow"
        CancelControlID="btnClose" BackgroundCssClass="modalBackground">
    </asp:ModalPopupExtender>
    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none; right: 0px !important;">
        This is an ASP.Net AJAX ModalPopupExtender Example<br />
        <asp:Button ID="btnClose" runat="server" Text="Close" />
    </asp:Panel>
    <script type="text/javascript">
        var id = null;
        function movePanel() {
            var pnl = $get("ContentPlaceHolder1_Panel1");
            if (pnl != null) {
                pnl.style.right = "0px !important";
                pnl.style.top = "0px";
                pnl.style.left = "none";
            }
        }
    </script>

我尝试了各种解决方案，其中一些在代码部分。根据我的作业，我尝试使用 X 和 Y ModalPopupExtender。但是 X 和 Y for 不允许像 x=100vw-width of panel 这样的计算；

请帮忙。

【问题讨论】：

标签： asp.net ajaxcontroltoolkit

【解决方案1】：

我终于做到了。我考虑了面板的长度=550px。

<input type="hidden" name="checkyear" id="checkyear" runat="server" value="" />
 <script>
        $(document).ready(function(){
            document.getElementById("ContentPlaceHolder1_checkyear").value = screen.width-550;
        });
</script>

//在代码后面

mp1.X = Convert.ToInt32(checkyear.Value);

【讨论】：