首页 新闻 赞助 找找看

如何实现下拉树?

0
悬赏园豆:5 [已解决问题] 解决于 2013-02-07 10:29

我希望在一个文本框里面单击的时候,能在被单击的文本框的下边缘出现一个div,div里面是一颗树(在div里面显示树,我已经实现了)。我现在碰到的问题是,当单击文本框的时候,下面显示出来的div树会把原理文本框下面的div2把下面挤,我希望div树能出现在div2的上面,而不是把div2往下面挤,就像实现像my97datepicker那样的效果。谁知道咋弄啊?

JeffLiang的主页 JeffLiang | 初学一级 | 园豆:43
提问于:2012-07-08 09:00
< >
分享
最佳答案
0
<asp:TextBox ID="txtCagero" runat="server" mLength="36" onkeydown="return false;"
                                            onclick="isShowTree=true;ShowDivAtBottom('divtree',this);"></asp:TextBox>

 

var isShowTree = false;
function ShowDivAtBottom(sourceDivID, target) {
    if (target) {
        if ($("#" + sourceDivID).length > 0) {
            $("#" + sourceDivID).css("position", "absolute");
            $("#" + sourceDivID).css("overflow", "hidden");
            $("#" + sourceDivID).css("width", $(target).width() + "px");
            $("#" + sourceDivID).css("top", ($(target).offset().top + $(target).height() + 5).toString() + "px");
            $("#" + sourceDivID).css("left", $(target).offset().left + "px");
            $("#" + sourceDivID).show();
        }
    }
}
$(document).ready(function(){
$("#divtree").click(function () {
            isShowTree = true;
});
$(document).click(function () {
            if (!isShowTree) {
                $("#divtree").hide();
            }
            isShowTree = false;
});
}
收获园豆:5
安卓粉丝 | 初学一级 |园豆:99 | 2012-07-08 12:59
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册