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
  • 相关阅读:
    Flex4之关于Embed外部资源的使用方法总结
    Flex tree的开发 后台数据连接
    Flex4之Tree开发
    Flex自定义组件开发
    解决AS3请求数据的“安全沙箱冲突”问题
    purMVC代码备份
    译:如何配置Red5应用程序
    关于RED5——配置文件详解
    关于socket使用Amf直接进行对象传输的
    垃圾回收机制
  • 原文地址:https://www.cnblogs.com/qguohog/p/JsDropdownList.html
Copyright © 2011-2022 走看看