使用Asp.Net的ListBox控件可以轻轻松松的实现两个不现列表框数据项的操作。回想一下,原来在Asp中要使用Javascript来操作Select列表框。在Asp.Net中只需要简单的了解其中的一些属性及方法就可以做出完美的列表框操作。
思路:
1.初始化页面时,向第二个列表框添加一默认列表项,且屏蔽删除列表项的按钮。
2.当在原列表框中选择一列表项并点移动按钮后,将原列表框中此项清除,同时在新列表框中添加些项。
3.当新列表框中的删除时,做一相反的操作。
4.原列表框、新列表框为空时添加默认项,并将移动按钮设置相应的禁用处理的操作。
代码:
控件页面:处理函数页面: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) //定义列表初始化 { myOldList.Items.Add(new ListItem("羽毛球", "badminton")); myOldList.Items.Add(new ListItem("篮球", "Basketball")); myOldList.Items.Add(new ListItem("网站开发", "WebDevelop")); RenewListItem(); } } //添加、删除选项列表 protected void AddListItem(object sender, EventArgs e) { if(myNewList.Items[0].Value==""){myNewList.Items.Clear();}//检测第一条记录是否为空值 for (int i = 0; i < myOldList.Items.Count; i++) { if (myOldList.Items[i].Selected) { //errMsg.Text = myOldList.Items[i].ToString() +"++"+ myOldList.SelectedIndex; myNewList.Items.Add(new ListItem(myOldList.Items[i].Text, myOldList.Items[i].Value)); myOldList.Items.RemoveAt(myOldList.SelectedIndex); } } RenewListItem(); } protected void DelListItem(object sender, EventArgs e) { if (myOldList.Items[0].Value == "") { myOldList.Items.Clear(); }//检测第一条记录是否为空值 for (int i = 0; i < myNewList.Items.Count; i++) { if (myNewList.Items[i].Selected) { myOldList.Items.Add(new ListItem(myNewList.Items[i].Text, myNewList.Items[i].Value)); myNewList.Items.RemoveAt(myNewList.SelectedIndex); } } RenewListItem(); } //还原两个列表项的初始值 private void RenewListItem() { myOldList.Enabled = true; addItem.Enabled = true; myNewList.Enabled = true; delItem.Enabled = true; if (myOldList.Items.Count == 0) { myOldList.Items.Add(new ListItem("请选择需要删除的项目", "")); myOldList.Enabled = false; addItem.Enabled = false; myNewList.Enabled = true; delItem.Enabled = true; } if (myNewList.Items.Count == 0) { myNewList.Items.Add(new ListItem("请选择需要添加的项目", "")); myNewList.Enabled = false; delItem.Enabled = false; myOldList.Enabled = true; addItem.Enabled = true; } }