可调整大小和可拖动的模式 [英] modal which is resizable and dragable

问题描述

您需要以可调整大小的方式创建搜索功能并在页面中拖动山墙.并且我可以在代码内部访问其参数吗?

Hi need to create a search functionality in a modal which is re sizable and and drag gable in the page.and i can access its parameters inside my code behind?

推荐答案

如果您正在谈论模式弹出窗口，则可以使用Ajax Control Tool Kit
轻松完成
将ajax控制工具套件安装到工具箱中后，即可使用.

1)现在，将一个面板添加到页面设计器中，添加一个内部面板，然后将模式弹出窗口中所需的所有控件都放置到该内部面板中.

2)在面板的右端，您将找到一个智能菜单Add Extender.单击它，然后从列表中选择 Modal Popup Extender.

3)在步骤1中将Drag属性设置为true，并将PopupDragHandleControlID属性设置为内部面板中的ID.

4)弹出窗口的大小将是您为面板设置的大小.

5)在步骤1中将扩展器的PopupControlID设置为外部面板的ID，并将扩展器的TargetControlId设置为诸如按钮之类的易于控制的控件的ID.

现在您可以拖动弹出窗口

此处的示例标记

If you are talking about a modal popup then this would be easily done using Ajax Control Tool Kit

Once you installed ajax control tool kit to your tool box items, it is ready to use.

1) Now add a panel to your page designer, add an inner panel and put all the controls you want in the modal popup to that inner panel.

2) At the right end of the panel you will find a smart menu Add Extender. Click it and select Modal Popup Extender from the list.

3) Set the Drag property to true and set the PopupDragHandleControlID property to the ID in the inner panel in step 1.

4) The size of the popup will be the size you set for the panel.

5) Set the PopupControlID of the extender to the ID of outer panel in step 1 and the set the TargetControlId of the extender to the ID of a clikable control like button.

Now you can drag the popup

An Example markup here

<asp:Button ID="Button2" runat="server" Text="Button" />
<asp:Panel ID="Panel1" runat="server" >
    <asp:Panel ID="Panel2" runat="server" GroupingText="Dragging Panel" >
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" />
    </asp:Panel>
</asp:Panel>
<asp:ModalPopupExtender Drag="true"  DropShadow="true" PopupDragHandleControlID="Panel2" ID="Panel1_ModalPopupExtender" runat="server"

    DynamicServicePath="" Enabled="True" TargetControlID="Button2" PopupControlID="Panel1">
</asp:ModalPopupExtender>

这篇关于可调整大小和可拖动的模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！