asp.net中的ListBox控件添加双击事件
问题:在Aspx页里的ListBox A中添加双击事件,将选中项添加到另一个ListBox B中,双击ListBox B中的选中项,删除当前选中项
页面:
<asp:ListBox ID="ListUsers" runat="server" Height="313px" SelectionMode="Multiple" Width="185px" ></asp:ListBox> <asp:ListBox ID="ListSelectedUsers" runat="server" Height="313px" SelectionMode="Multiple" Width="199px" "></asp:ListBox> <asp:TextBox ID="SelectedMode" runat="server" Style="display: none"></asp:TextBox>
JS 脚本:
function SelectOne() {
var lst1 = window.document.getElementById("ListUsers");
var lstindex = lst1.selectedIndex;
if (lstindex < )
return;
var v = lst1.options[lstindex].value;
var t = lst1.options[lstindex].text;
var lst2 = window.document.getElementById("ListSelectedUsers");
var mode = window.document.getElementById("SelectedMode");
if (mode.value == "True") { //如果是单值,先删除所有
for (var i = lst2.options.length - ; i >= ; i--) {
lst2.remove(i);
}
lst2.add(new Option(t, v, true, true), );
} else{
var isExists = false;
for (var i = ; i < lst2.options.length; i++) {
if (lst2.options[i].value == v) { //防止添加重复项
isExists = true;
break;
}
}
if (!isExists) {
lst2.options[lst2.options.length] = new Option(t, v, true, true);
}
}
}
//选择一条数据删除
function DelOne() {
var lst = window.document.getElementById("ListSelectedUsers");
var lstindex = lst.selectedIndex;
if (lstindex >= ) {
var v = lst.options[lstindex].value + ";";
lst.options[lstindex].parentNode.removeChild(lst.options[lstindex]);
}
}
后台代码:
if (!IsPostBack)
{
ListBoxBand();
SelectedMode.Text = "True";
ListUsers.Attributes.Add("onDblClick", "SelectOne()");//双击事件
ListSelectedUsers.Attributes.Add("onDblClick", "DelOne()");//双击事件
} private void ListBoxBand()
{ for (int i = ; i < ; i++)
{
ListUsers.Items.Add(new ListItem("Index" + i, i.ToString()));
}
}
效果:

asp.net中的ListBox控件添加双击事件的更多相关文章
- ASP.NET中 WebForm 窗体控件使用及总结【转】
原文链接:http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944675.html ASP.NET中 WebForm 窗体控件使用及总结. 1.A, ...
- (转)客户端触发Asp.net中服务端控件事件
第一章. Asp.net中服务端控件事件是如何触发的 Asp.net 中在客户端触发服务端事件分为两种情况: 一. WebControls中的Button 和HtmlControls中的Type为su ...
- 在C#中使用属性控件添加属性窗口
转自原文 在C#中使用属性控件添加属性窗口 第一步,创建在应用程序中将要展现的字段属性为public公有属性.其中,所有的属性必须有get和set的方法(如果不设置get方法,则要显示的属性不会显示在 ...
- MFC中关于CListBox控件添加水平滚动条
首先是设置listbox控件的属性 Horizontal Scroll设为TRUE: 然后添加函数到CUighurRecognitionDlg.cpp(在CUighurRecognitionDlg. ...
- winform自定义控件中其他遮挡控件点击事件
自定义控件在其他窗口调用时,里面的lable阻挡了控件的点击事件 解决方法 自定义控件中lable的 点击事件 private void Lable1_Click(object sender, Eve ...
- 自动为DEV GridView控件添加SizeChanged事件
实现gdv设置的抽象对象,不用每个gdv控件都添加sizechanged事件,只需执行gdc绑定sql函数,在其中会自动添加SizeChanged事件. //2016.5.13 by sngk //根 ...
- ASP.NET中的chart控件绑定SQL Server数据库
网上很多的chart控件的实例都没有绑定数据库,经过一番摸索后,终于实现了chart控件绑定数据库. 首先,在Visual Studio中建立一个网站,新建一个WebForm项目,名称为ChartTe ...
- asp.net中的GridView控件的部分知识点
<PagerTemplate> <br /> <asp:Label ID="lblPage" runat="server" Tex ...
- ASP.NET中的验证控件
ASP.NET提供了如下的控件: RequiredFieldValidator: 字段必填 (ControlTovalidate设定要验证的控件) RangeValidator: 值在给定的最大值,最 ...
随机推荐
- java项目调用kettleJob和Trans
1.调用本地Job和Trans 较简单不用多说没有遇到任何问题,以下是代码: import org.pentaho.di.core.KettleEnvironment; import org.pent ...
- jsonp案例
<button id="btn">click</button><script type="text/javascript"> ...
- Chapter 4: Troubleshoot and debug web applications
Prevent and troubleshoot runtime issues Troubleshooting performance, security and errors using perfo ...
- 开发时建议关闭chrome的缓存[Disable cache(while DevTools open)]
问题:修改了css,JS后,chrome看不到效果 具体情景:最近在写一个PHPbbs,在写CSS时,习惯性的按F5刷新,firefox ie等,都能即时见到效果,唯独chrome 怎么都不行,想了想 ...
- Oracle Hints详解
在向大家详细介绍Oracle Hints之前,首先让大家了解下Oracle Hints是什么,然后全面介绍Oracle Hints,希望对大家有用.基于代价的优化器是很聪明的,在绝大多数情况下它会选择 ...
- 一种让超大banner图片不拉伸、全屏宽、居中显示的方法
现在很多网站的Banner图片都是全屏宽度的,这样的网站看起来显得很大气.这种Banner一般都是做一张很大的图片,然后在不同分辨率下都是显示图片的中间部分.实现方法如下: <html> ...
- api接口验证shal()
就安全来说,所有客户端和服务器端的通信内容应该都要通过加密通道(HTTPS)传输,明文的HTTP通道将会是man-in-the- middle及其各种变种攻击的温床.所谓man-in-the-midd ...
- GDB详解
1 简介 2 生成调试信息 3 启动GDB 的方法 4 程序运行上下文 4.1 程序运行参数 4.2 工作目录 4.3 程序的输入输出 5 设置断点 5.1 简单断点 5.2 多文件设置断点 5.3 ...
- Stream 和 byte[] 之间的转换
Stream 和 byte[] 之间的转换 一. 二进制转换成图片 ? 1 2 3 4 5 MemoryStream ms = new MemoryStream(bytes); ms.Position ...
- rake :You have already activated rake 10.1.0
rake aborted! You have already activated rake 10.1.0, but your Gemfile requires rake 10.0.3. Using b ...