zoukankan      html  css  js  c++  java
  • JQuery扩展Gridview实现像QMail列表那样的展开效果

        QMail的列表在每一行的最后都有一个图标,点击图标,下面就出现一个子窗体显示邮件的正文。这个效果用Gridview结合Javascript也可以实现。我在项目中用jqeury作辅助实现这样的效果,贴出来分享。
        原理很简单,就是在单击行的下面动态添加一行,里面放一个iframe就可以。通过单击图标实现动态行的隐藏和显示。Javascript如下

    qmailDataGrid.js

    aspx页面的HEAD里增加对js文件的引用,并创建js对象,代码如下

    Code: 页面引用

    Gridview中增加一TemplateField列,放一个小图标或什么的,

    Code: GridView
  • 相关阅读:
    jQuery 操作元素属性、内容、css、class
    jQuery 选择器
    JavaScript 二级菜单(含过渡动画)
    tools.js
    JavaScript JSON
    中华人民共和国国务院令第644号 国务院关于修改《全国年节及纪念日放假办法》的决定
    Linux系统Yum仓库制作
    玩转Linux系统之常用命令
    IDEA安装插件提示was not installed: Cannot download解决办法
    软件开发过程中常用的环境解释DEV FAT UAT PRO
  • 原文地址:https://www.cnblogs.com/qkhh/p/1324246.html
Copyright © 2011-2022 走看看