0

マスター フォームと Telrik AJAX コントロールを使用する ASP.NET プロジェクトがあります。基本リストと編集コントロールを使用して、UI の一貫性を維持しています。編集コントロールが RadGrid からのモーダル ポップアップで開かれると、フォームはコントロールよりも小さくなります。ウィンドウを適切なサイズに強制する方法、または少なくとも手動でサイズを設定する方法はありますか?

基本リスト コントロール:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ListBaseControl.ascx.cs" Inherits="BaseControls.ListBaseControl" %>
<div>
    <telerik:RadGrid ID="uxBaseList" runat="server" AutoGenerateColumns="false" OnDeleteCommand="uxBaseList_DeleteCommand" 
        OnNeedDataSource="uxBaseList_NeedDataSource" Skin="WebBlue" OnItemDataBound="uxBaseList_ItemDataBound" >
        <MasterTableView EditMode="PopUp" CommandItemDisplay="Top"  >
            <EditFormSettings UserControlName="CustomerEditControl.ascx" EditFormType="WebUserControl" >
                <PopUpSettings Modal="true" />
                <EditColumn UniqueName="EditCommandColumn" ></EditColumn>
            </EditFormSettings>
        </MasterTableView>
    </telerik:RadGrid>
</div>

派生リスト コントロール:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ShopListControl.ascx.cs" Inherits="ShopUI.ShopListControl" %>
<%@ Register Src="../BaseControls/ListBaseControl.ascx" TagName="ListBaseControl" TagPrefix="uc1" %>

<uc1:ListBaseControl ID="uxShopList" runat="server" DataKeyFields="ShopId" DeleteButtonVisible="false" EditControlName="ShopEditTest.ascx" />

基本編集コントロール:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="EditBaseControl.ascx.cs" Inherits="BaseControls.EditBaseControl" %>
<div class="footer" >
    <div>
        <asp:Button ID="uxSave" runat="server" Text="Save" OnClick="uxSave_Click" CommandName="Update" CssClass="btn btn-primary" />
        <asp:Button ID="uxCancel" runat="server" Text="Cancel" OnClick="uxCancel_Click" CommandName="Cancel" CssClass="btn btn-danger"/>
    </div>
    <div>
        <asp:Label ID="uxChangedBy" runat="server"></asp:Label>
        <asp:Label ID="uxChangedDate" runat="server"></asp:Label>
    </div>
</div>

派生編集コントロール:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ShopEditBoostrapTest.ascx.cs" Inherits="ShopUI.ShopEditTest" %>
<div class="container" style="height:500px;width:950px;">
    <div class="row" style="background-color: lightgray;">
        <div class="span12" style="background-color: lightblue;">Welcome to my web site</div>
    </div>
    <div class="row" style="background-color: lightgray;">
        <div class="span4" style="background-color: lightcoral;">
            <table style="width: 100%">
                <caption>Span 4</caption>
                <tr>
                    <td>Cell (0, 0)</td>
                    <td>Cell (0, 1)</td>
                </tr>
                <tr>
                    <td>Cell (1, 0)</td>
                    <td>Cell (1, 1)</td>
                </tr>
            </table>
        </div>
        <div class="span8" style="background-color: lightpink;">Span 8</div>
    </div>
</div>

結果： ここに画像の説明を入力

4

1 に答える 1

1

以下のコード スニペットを試してみてください。

方法 1.

 <EditFormSettings>
                <PopUpSettings Width="700px" Height="700px" Modal="true" />
 </EditFormSettings>

方法 2。

ASPX

        <ClientSettings AllowRowsDragDrop="true">
            <ClientEvents OnPopUpShowing="PopUpShowing" />
        </ClientSettings>

JS

        var popUp;
        function PopUpShowing(sender, eventArgs) {
            popUp = eventArgs.get_popUp();
            popUp.style.width = "500px";
            popUp.style.height = "500px";
        }
于 2013-06-14T13:34:50.810 に答える