在回发时加载特定的动态用户控件

时间:2016-01-08 08:17:43

标签: jquery asp.net ajax postback

现在已经碰到了我的头一个星期了,所以我想我最好打电话给专家:)。

问题更多的是审美问题,而不是实际的代码问题,但我怀疑它们可能是相关的。在我的程序中,我有一系列动态添加到网页的用户控件。这些用户控件几乎可以包含任何内容(在合理范围内),我现在使用的控件包含一个按钮和一个图表(通过Javascript生成),但可能会变得更复杂。动态控件通过“Page_Init”事件添加,所有渲染100%正确。我在这方面没有问题。

当我在其中一个控件中进行回发时会出现问题。发生回发时,“Page_Init”事件会在回发中执行代码之前重新生成所有动态控件。根据页面生命周期模型一切正常。但是,由于回发只发生在其中一个控件中,我希望如果控件重新渲染。因为现在所有三个控件都重新渲染,这会让用户分心。

有没有办法可以拦截按钮生成的回发并通过服务器上的AJAX处理它? Telerik的“RadAjaxManager”做了类似这样的事情但遗憾的是这个组件对我来说不可用,我不需要任何复杂的东西。我知道一个建议是使用AJAX和Webservices编写控件,但是在我的场景中看起来太难了,因为动态控件可以包含自己的静态控件。

简而言之:

- >有三个功能动态控件,具有相当复杂的服务器端代码。功能正常的功能。无法转换为纯Javascript / Web服务代码。

- >当其中一个控件执行回发时,所有三个都重新渲染。如果涉及弹出窗口,则会让用户分心。

- >需要一种方法来仅重新渲染正在更新的控件。

谢谢!

1 个答案:

答案 0 :(得分:1)

设计页面:

<asp:ScriptManager ID="MainScriptManager" runat="server" />
<div class="row text-center text-white">
    <h2>
        <asp:Literal ID="litTitle" runat="server" Text="Feedbacks" />
    </h2>
</div>
<div class="row">
    <div>
        <asp:UpdatePanel ID="updFeedbacks" runat="server">
            <ContentTemplate>
                <asp:Repeater ID="rptFeedbacks" runat="server">
                    <ItemTemplate>
                        <div class="myFeedback">
                            <span><%#Eval("username") %></span>
                            <div class="text-white">
                                <%#Eval("feedback") %>
                            </div>
                        </div>
                    </ItemTemplate>
                    <SeparatorTemplate>
                        <hr />
                    </SeparatorTemplate>
                </asp:Repeater>
                <br />
                <div class="text-center">
                    <asp:Button ID="btnShowMore" runat="server" CssClass="trasparentButton" Font-Size="11" Text="Show more feedbacks" OnClick="btnShowMore_Click" />
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
</div>

代码背后:

private static int FeedbacksNumber = 10;
protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
        BindRepeater(FeedbacksNumber);
}

protected void BindRepeater(int rows)
{
    SqlConnection con = new SqlConnection(Utils.Connection);
    SqlCommand cmd = new SqlCommand("select columns from table where rowsnumber < @num", con);
    cmd.Parameters.Add("@num", SqlDbType.Int).Value = rows;
    con.Open();
    SqlDataAdapter sda = new SqlDataAdapter(cmd);
    DataSet ds = new DataSet();
    sda.Fill(ds);
    rptFeedbacks.DataSource = ds;
    rptFeedbacks.DataBind();
    con.Close();
}

protected void btnShowMore_Click(object sender, EventArgs e)
{
    FeedbacksNumber += 10;
    BindRepeater(FeedbacksNumber);
}

当您点击显示更多反馈按钮时,正在加载10个反馈。它不会回发。它将像javascript一样更新转发器,无需回发并移动光标或其他内容。

相关问题