asp.net中在前台用js增删ListBox的items
来源:互联网 发布:js动态修改class样式 编辑:程序博客网 时间:2024/06/05 16:48
于是 用2个ListBox分别列示所有可显示字段和已选择显示字段
并在前台用js控制2个ListBox之间项目的增删和移动
(没办法,测试mm说后台事件有刷新的看着不舒服...)
于是 搞2个html button
事件如下:(先别管Hidden1)
function Test( lbFieldsSelect,value)
{
for (j = 0;j<lbFieldsSelect.length; j )
{
if (lbFieldsSelect.options[j].value == value) return true;
}
return false;
}
function SelectField()
{
var lbFields = document.getElementById("lbFields");
var lbFieldsSelect = document.getElementById("lbFieldsSelect");
var Hidden1 = document.getElementById("Hidden1");
for (i = 0;i<lbFields.length; i )
{
if (lbFields.options[i].selected)
{
if (Test(lbFieldsSelect,lbFields.options[i].value))
{
//已经选择该字段
continue;
}
lbFieldsSelect.options.add(document.createElement("OPTION"));
lbFieldsSelect.options[lbFieldsSelect.length-1].text=lbFields.options[i].text;
lbFieldsSelect.options[lbFieldsSelect.length-1].value=lbFields.options[i].value;
Hidden1.value = Hidden1.value "#" lbFields.options[i].text "@" lbFields.options[i].value;
}
}
}
function UnSelectField()
{
var lbFields = document.getElementById("lbFields");
var lbFieldsSelect = document.getElementById("lbFieldsSelect");
var Hidden1 = document.getElementById("Hidden1");
for (i = 0;i<lbFieldsSelect.length; i )
{
if (lbFieldsSelect.options[i].selected)
{
lbFieldsSelect.options.add(document.createElement("OPTION"));
lbFieldsSelect.options[lbFieldsSelect.length-1].text=lbFields.options[i].text;
lbFieldsSelect.options[lbFieldsSelect.length-1].value=lbFields.options[i].value;
Hidden1.value = Hidden1.value "#" lbFields.options[i].text "@" lbFields.options[i].value;
}
}
}
不料提交到后台时,前台增加的ListItem都没有了
仔细想想,肯定是asp.net没有在回发时加上ListBox客户端改变后的ViewState
其实也不能怪ms,连Table都没有ViewState(按照ms的说法,table只是个容器,table里面的控件才有必要维持ViewState)
ListBox这种客户端难得改变一次的东西显然是更不需要了
没办法,只好自己弄一个可以维持viewstate的东西来放ListBox的Item了
于是有了上面的Hidden1
服务器端相应代码:
private void RestorelbFieldsSelect()
{
string[] sField =Hidden1.Value.Split('#');
//lstShowField.items.Clear();
DataTable dtField = new DataTable();
dtField.Columns.Add("sDisplayName","".GetType());
dtField.Columns.Add("sFieldName","".GetType());
for (int i = 0 ; i < sField.Length ; i )
{
if (sField[i] == null || sField[i] =="") continue;
DataRow row = dtField.NewRow();
row[0] = sField[i].Split('@')[0];
row[1] = sField[i].Split('@')[1];
dtField.Rows.Add(row);
}
lbFieldsSelect.DataSource = dtField;
lbFieldsSelect.DataTextField = "sDisplayName";
lbFieldsSelect.DataValueField = "sFieldName";
lbFieldsSelect.DataBind();
}
这样的话,每次pageload时都根据hidden的状态更新ListBox
我们项目的目标达到了(只需要ListBox的Item,不需要考虑选定等)
如果需要处理选定项,可能需要再多一个Hidden吧。
http://www.cnblogs.com/calmzeal/archive/2006/07/26/460068.html
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>- asp.net中在前台用js增删ListBox的items
- asp.net中在前台用js增删ListBox的items
- asp.net中在前台用js增删ListBox的items
- asp.net后台cs中的JSON格式变量在前台Js中调用方法!(前后台实例!)
- ASP.NET中在前台写C#脚本
- asp.net在前台web页面中使用Javascript调用RTX腾讯通的聊天窗口
- Asp.net中ListBox的用法!
- Asp.net中ListBox的用法!
- 在前台用正则表达式为Asp:TextBox加输入检查[Asp.Net]
- asp.net 在前台和后台调用 javascript 函数
- asp.net 在前台和后台调用 javascript 函数
- 【Asp.net】使用Ajax和Jquery在前台向后台传参数并返回值的实例
- .Net 中利用ADODB生成的RecordSet在前台脚本中进行调用的方法
- ASP.NET应用JS完成ListBox内容的交互实例
- ASP.NET 2.0中ListBox中批量删除的技巧
- ASP.NET 2.0中隐藏listbox的某一项
- asp.net中ListBox的多选情况
- ASP.NET 2.0中隐藏listbox的某一项
- GridViewRow可以任意位置单击引发事件的方法
- asp.net1.1/2.0中快速实现单点登陆
- 修改asp.net2.0内置成员管理中的强密码规则
- 小议优化ASP.NET应用性能之Cache篇
- IFRAME跨域名的解决方法,终结版(小张.NET原创)
- asp.net中在前台用js增删ListBox的items
- ASP.NET2.0Web窗体语法指导
- ASP.NET拒绝访问
- 在虚拟主机上用asp.net轻松实现urlrewrite
- ASP.Net中无法用javascript实现图片随屏幕移动的解决办法
- ASP.NET2.0中好东西(theme)介绍
- ASP.NET2.0中Web事件
- ASP.NET2.0中的Web和HTML服务器控件
- ASP.NET2.0页面框架简要慨述