现在已经碰到了我的头一个星期了,所以我想我最好打电话给专家:)。
问题更多的是审美问题,而不是实际的代码问题,但我怀疑它们可能是相关的。在我的程序中,我有一系列动态添加到网页的用户控件。这些用户控件几乎可以包含任何内容(在合理范围内),我现在使用的控件包含一个按钮和一个图表(通过Javascript生成),但可能会变得更复杂。动态控件通过“Page_Init”事件添加,所有渲染100%正确。我在这方面没有问题。
当我在其中一个控件中进行回发时会出现问题。发生回发时,“Page_Init”事件会在回发中执行代码之前重新生成所有动态控件。根据页面生命周期模型一切正常。但是,由于回发只发生在其中一个控件中,我希望如果仅控件重新渲染。因为现在所有三个控件都重新渲染,这会让用户分心。
有没有办法可以拦截按钮生成的回发并通过服务器上的AJAX处理它? Telerik的“RadAjaxManager”做了类似这样的事情但遗憾的是这个组件对我来说不可用,我不需要任何复杂的东西。我知道一个建议是使用AJAX和Webservices编写控件,但是在我的场景中看起来太难了,因为动态控件可以包含自己的静态控件。
简而言之:
- >有三个功能动态控件,具有相当复杂的服务器端代码。功能正常的功能。无法转换为纯Javascript / Web服务代码。
- >当其中一个控件执行回发时,所有三个都重新渲染。如果涉及弹出窗口,则会让用户分心。
- >需要一种方法来仅重新渲染正在更新的控件。
谢谢!
答案 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一样更新转发器,无需回发并移动光标或其他内容。