AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist
来源:互联网 发布:报关单录入软件 编辑:程序博客网 时间:2024/06/14 04:56
在项目中对下拉框的样式有严格的要求,传统dropdownlist右边的三角要换成一个自定义图片,且要求在ie和firefox下都能兼容(dropdownlist即html的select在firefox下边框不好处理)。所以就索性用javascript写了一个自定义的dropdownlist。虽然最后因“使用javascript过滥”而未被采用,但还是值得记录一下。
先看一下效果图:
由于项目引用了AjaxControlToolkit,所以这个代码需要在AjaxControlToolkit环境下才能正常工作。本来想全部用AjaxControlToolKit那套来模拟扩展一个控件,但对Ajax的javascript那套完整机制还没有清的认识,所以只好作罢,改用传统的方式加上些许Ajax的函数,看起来有点不伦不类。
Javascript代码:
使用时需要定义一些CSS:
然后再页面中初始化JsDropdownlist即可:
其中用了Hidden空间保存了一些信息。完整Demo可以在这里下载。
- AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist
- AjaxControlToolkit 加 webservice 实现DropDownList来联动
- AjaxControlToolKit环境下用UserControl(C#)模拟的自定义下拉框SELDropDownList
- ajaxControlToolkit---AutoCompleteExtender的简单用法
- ajaxControlToolkit---CascadingDropDown的简单用法
- ajaxControlToolkit---ValidatorCalloutExtender的简单用法
- ajaxControlToolkit---FilteredTextBoxExtender的简单用法
- ajaxControlToolkit---TextBoxWatermarkExtender的简单用法
- Javascript实现对dropdownlist的操作
- Javascript实现对dropdownlist的操作
- DropDownList下拉框可编辑功能的简单实现
- 绑定的Dropdownlist怎么去实现编辑页面下Dropdownlist读取数据源值的问题
- 用Dataset实现对Dropdownlist的赋值
- C#下实现主从DropDownList互动的方法
- C#下实现主从DropDownList互动的方法(转)
- C#下实现主从DropDownList互动的方法
- C#下实现主从DropDownList互动的方法
- .net实例:C#下实现主从DropDownList互动的方法
- dos命令
- ifix无法分配分区映像表
- 简洁方法
- 作品展之---彩信积分系统(待续)
- JDK环境变量的配置
- AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist
- Js验证大全
- 电信系统架构方案
- 正则表达式详解
- jquery getjson简单应用
- session and cookie
- 浅谈数据仓库和数据挖掘本质
- 系统架构
- 使用Draw2D来实现任务进度条