Question

我正在尝试将ModalPopUp构建为Control。它有这些控件：

TextBox - 过滤器占位符
Button - 搜索按钮
Button - 取消按钮
GridView - 显示结果

<ajax:toolkitscriptmanager id="searchPopUp" runat="server"></ajax:toolkitscriptmanager> 
<asp:Panel
    BackColor="White"
    ID="searchPanel"
    CssClass="modalPopup"
    runat="server"
    Style="display: table">

    <div class="myContainer">
        <uc1:ScreenSearch
            runat="server"
            ID="mySearch" />

        <asp:Button ID="btnToHide" runat="server" Text="Tohide" Style="display: none" />
        <asp:Button ID="btnToShow" runat="server" Text="ToShow" Style="display: none" />
    </div>
    </asp:Panel>

<ajax:ModalPopupExtender 
    ID="ModalPopUpSearch" 
    runat="server"
    TargetControlID="btnToShow"
    PopupControlID="searchPanel"
    CancelControlID="btnToHide"
    DropShadow="true"
    BackgroundCssClass="modalBackground">
</ajax:ModalPopupExtender>

后面的代码：uc1:ScreenSearch

protected void Page_Load(object sender, EventArgs e){...}

protected void fillGridView()
        {
            myDao dao = new myDao();

            DataSet ds = new DataSet();
            ds = dao.retornarPesquisa(txtFilter.Text); //return data source
            DataTable dt = new DataTable();

            gv.DataSource = ds;
            gv.DataBind();
        }

uc1:ScreenSearch是我的控件，其中包含TextBox，Button（执行搜索调用方法：fillGridView()）和GridView。

当我尝试执行搜索时，请点击绑定GridView。在我的用户控件GridView中获得结果的最佳方法是什么？

Answer 1

您还没有发布任何代码，因此很难说它为什么不能正常工作。下面是一个显示Bootstrap模式弹出窗口的工作示例 - ＆gt;允许用户搜索 - ＆gt;在模态弹出窗口中的GridView 中显示结果：

代码背后：

public class Person { public string Name { get; set; } public string Surname { get; set; } } public partial class ModalPopupFromGridView : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnSearch_Click(object sender, EventArgs e) { //Use txtSearch.Text to lookup the data you want to bind to the GridView, mine is hardcoded for the sake of simplicity var p1 = new Person { Name = "Name 1", Surname = "Surname 1" }; var p2 = new Person { Name = "Name 2", Surname = "Surname 2" }; GridView1.DataSource = new List<Person> { p1, p2 }; GridView1.DataBind(); ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "showPopup();", true); } }

<强> .ASPX：

<head runat="server"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script type="text/javascript"> //It'svery important that showPopup() is outside of jQuery document load event function showPopup() { $('#myModal').modal('show'); } $(function () { $(".show").click(function () { showPopup(); }); }); </script> </head> <body> <form id="form1" runat="server"> <a href="#" class="show">Show Popup</a> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Details</h4> </div> <div class="modal-body"> <asp:TextBox ID="txtSearch" runat="server"> </asp:TextBox><asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" /> <br /><br /> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"> <Columns> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Surname" HeaderText="Surname" /> <asp:TemplateField HeaderText="User Details"> <ItemTemplate> <a class="details" href="#" data-name='<%# Eval("Name") %>' data-surname='<%# Eval("Surname") %>'>Details</a> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </form> </body>

<强>输出：

Answer 2

检查搜索按钮autopostback是否设置为true。此外，当搜索按钮位于gridview控件内时，您将在gridview_itemchanged事件中单击搜索按钮事件。希望能起作用

ModalPopUp作为用户控件ASP.NET C＃

2 个答案: