即使我单击页面中的按钮,RadListBox 将项目从源传输到目标也会被触发。我该如何阻止它?
重现问题的步骤 - 加载页面。单击按钮。请参阅 AJAX 更新面板内的列表框的项目计数。它将正确显示——分别为 7(源)和 0(目标)。将一项从 Source 移至 Target RadListBox。再次单击该按钮 - 它首次显示 6(源)和 1(目标)。然后再次单击按钮 - 它显示 5(源)和 2(目标)..然后单击按钮.. 它显示 4(源)和 3(目标)。用户界面中没有任何变化。
我相信即使单击按钮,从源到目标的 Transfer 事件也会被触发。单击按钮时如何停止 Transfer 事件?
在我的页面中,我必须刷新 AJAX 更新面板,但我不希望 RadListBox 中的项目同时更改。
ASPX 页面 -
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestRadListBox.WebForm1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<div>
<table>
<tr>
<th colspan="2">Move 1 Item from Left to Right and then click the button below and see the Item Counts</th>
</tr>
<tr>
<td>
<telerik:RadListBox ID="SourceRadListBox" runat="server" Height="100px" Width="200px"
AllowTransfer="true" TransferToID="TargetRadListBox">
</telerik:RadListBox>
</td>
<td>
<telerik:RadListBox runat="server" ID="TargetRadListBox" Height="100px" Width="175px"
AllowReorder="true" />
</td>
</tr>
</table>
</div>
<br/>
<div>
Time OUTSIDE Update Panel : <asp:Label ID="timeOutsideLabel" runat="server"/>
</div>
<br/>
<div align="left">
<asp:Button ID="addRuleButton" runat="server" Text="Click To Refresh The Time Below Inside AJAX Update Panel"
onclick="addRuleButton_Click" />
</div>
<br/>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table border = "2">
<tr><th>AJAX Update Panel</th></tr>
<tr><td>Time INSIDE Update Panel : <asp:Label ID="timeInsideLabel" runat="server"/></td></tr>
<tr><td>Item Count in Source RadListBox : <asp:Label ID="srcCount" runat="server"/></td></tr>
<tr><td>Item Count in Target RadListBox : <asp:Label ID="tarCount" runat="server"/></td></tr>
</table>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="addRuleButton" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
C# 代码背后 -
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace TestRadListBox
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
List<string> week = new List<string> { "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" };
SourceRadListBox.DataSource = week;
SourceRadListBox.DataBind();
string timenow = DateTime.Now.ToLongTimeString();
timeInsideLabel.Text = timenow;
timeOutsideLabel.Text = timenow;
}
}
protected void addRuleButton_Click(object sender, EventArgs e)
{
timeInsideLabel.Text = DateTime.Now.ToLongTimeString();
srcCount.Text = SourceRadListBox.Items.Count.ToString();
tarCount.Text = TargetRadListBox.Items.Count.ToString();
}
}
}