zoukankan      html  css  js  c++  java
  • AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist

      在项目中对下拉框的样式有严格的要求,传统dropdownlist右边的三角要换成一个自定义图片,且要求在ie和firefox下都能兼容(dropdownlist即html的select在firefox下边框不好处理)。所以就索性用javascript写了一个自定义的dropdownlist。虽然最后因“使用javascript过滥”而未被采用,但还是值得记录一下。

      先看一下效果图:

      由于项目引用了AjaxControlToolkit,所以这个代码需要在AjaxControlToolkit环境下才能正常工作。本来想全部用AjaxControlToolKit那套来模拟扩展一个控件,但对Ajax的javascript那套完整机制还没有清的认识,所以只好作罢,改用传统的方式加上些许Ajax的函数,看起来有点不伦不类。

         Javascript代码:

    Code

      使用时需要定义一些CSS:

    Code

       然后再页面中初始化JsDropdownlist即可:

    Code

       其中用了Hidden空间保存了一些信息。完整Demo可以在这里下载
     


    =======================================================================
    野文(Jasson Qian)
    ------------------------------------------------------
    博客园:http://qguohog.cnblogs.com
    CSDN:http://blog.csdn.net/sallay
  • 相关阅读:
    sp3485在rk3288上的应用
    wk2124 在 rk3288 上的适配与调试
    Android自定义View实现一个状态切换开关
    SQLite数据库入门
    Android如何动态申请应用权限?
    APK 如何实现应用热更新功能?
    Android 如何通过代码安装 APK?
    Android.mk 中如何拷贝任意文件
    Linux 下网络 IO 的多路复用
    Android hideSoftInputFromWindow 不能隐藏软键盘怎么办?
  • 原文地址:https://www.cnblogs.com/qguohog/p/JsDropdownList.html
Copyright © 2011-2022 走看看