当前位置:编程学习 > C#/ASP.NET >>

在Web中有没有 table 头列能刷选数据的(描述不太清楚,可以看下面的图)?

--------------------编程问答-------------------- 你可以在table的表头中利用DIV+CSS+JS模拟一个select元素,然后给select元素的option提供事件 --------------------编程问答-------------------- 思路就是弹出一个div里面放一个checklist放在RP里面数据库取出来绑定上。
然后再加上全选之类的,

参考下面
http://www.2cto.com/kf/201305/212094.htmlJquery 仿淘宝京东多条件筛选 可自行结合ajax加载 

--------------------编程问答-------------------- 在页面放N(N=列数)个隐藏的DIV,里面放CheckBoxList,页面加载时(或者点击列时)绑定上数据。
然后点击某列时,计算好坐标显示对应的DIV(需设置样式层:z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/ )
jquery代码:

$("#search1").live('click', function () {
        var obj = $("#search").offset();
        var popupLeft = obj.left - 190;
        var popupTop = obj.top + $("#search").height() - 64;
        var div_obj = $('#pop-div');
        var windowWidth = document.documentElement.clientWidth;
        var windowHeight = document.documentElement.clientHeight;
        var popupHeight = div_obj.height();
        var popupWidth = div_obj.width();
        if ((obj.left + popupWidth) > windowWidth) {
            popupLeft = popupLeft - popupWidth + $(this).width();
        }
        div_obj.css({ "position": "absolute" }).show({ left: popupLeft, top: popupTop, opacity: "show" }, "slow");
    });
--------------------编程问答--------------------
引用 3 楼 qt_xy 的回复:
在页面放N(N=列数)个隐藏的DIV,里面放CheckBoxList,页面加载时(或者点击列时)绑定上数据。
然后点击某列时,计算好坐标显示对应的DIV(需设置样式层:z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/ )
jquery代码:

$("#search1").live('click', function () {
        var obj = $("#search").offset();
        var popupLeft = obj.left - 190;
        var popupTop = obj.top + $("#search").height() - 64;
        var div_obj = $('#pop-div');
        var windowWidth = document.documentElement.clientWidth;
        var windowHeight = document.documentElement.clientHeight;
        var popupHeight = div_obj.height();
        var popupWidth = div_obj.width();
        if ((obj.left + popupWidth) > windowWidth) {
            popupLeft = popupLeft - popupWidth + $(this).width();
        }
        div_obj.css({ "position": "absolute" }).show({ left: popupLeft, top: popupTop, opacity: "show" }, "slow");
    });

忘写注释了,其中“190”是元素(就是点击的那个控件)的宽度,“64”为元素宽度,自己根据情况调整。 --------------------编程问答--------------------
引用 3 楼 qt_xy 的回复:
在页面放N(N=列数)个隐藏的DIV,里面放CheckBoxList,页面加载时(或者点击列时)绑定上数据。
然后点击某列时,计算好坐标显示对应的DIV(需设置样式层:z-index: 9999; /*这个数值要足够大,才能够显示在最上层*/ )
jquery代码:

$("#search1").live('click', function () {
        var obj = $("#search1").offset();
        var popupLeft = obj.left - 190;
        var popupTop = obj.top + $("#search1").height() - 64;
        var div_obj = $('#pop-div');
        var windowWidth = document.documentElement.clientWidth;
        var windowHeight = document.documentElement.clientHeight;
        var popupHeight = div_obj.height();
        var popupWidth = div_obj.width();
        if ((obj.left + popupWidth) > windowWidth) {
            popupLeft = popupLeft - popupWidth + $(this).width();
        }
        div_obj.css({ "position": "absolute" }).show({ left: popupLeft, top: popupTop, opacity: "show" }, "slow");
    });

其中“search1”为点击列控件id。上面的代码忘改了“search”都改为“search1” --------------------编程问答-------------------- http://fineui.com/demo/#/demo/grid/grid_groupheader_sort_hdmenu.aspx --------------------编程问答--------------------
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,