论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Asp.net教程
Tag:静态页面,treeview,gridview,repeater,dataset,sqldatareader,ado.net,上传,三层,ajax,xml,留言本,新闻发布,商城,注入,存储过程,分页,安全,优化,xmlhttp,fso,jmail,application,session,防盗链,stream,无组件,组件,md5,乱码,缓存,加密,验证码,算法,cookies,ubb,正则表达式,水印,索引,日志,压缩,base64,url重写,控件,Web.config,JDBC,函数,内存,PDF,迁移,结构,破解,编译,配置,进程,分词,IIS,触发器,socket,form认证,登录,视频教程

asp.net中在前台用js增删ListBox的items

文章类别:Asp.net | 发表日期:2008-10-5 22:10:01

现在的项目中,有个搜索部分,需要对搜索结果Grid显示字段让用户选择

于是 用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

视频教程列表
文章教程搜索
 
Asp.net推荐教程
Asp.net热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058