ztree在Ie下显示错位

发布于 2021-11-29 20:18:11 字数 2633 浏览 863 评论 5

求高手指点下,哪里配置错了。在ztree的select_menu_checkbox.html基础上改的。

var setting = {
check: {
enable: true,
chkboxType: {"Y":"", "N":""}
},
view: {
dblClickExpand: false
},
data: {
simpleData: {
enable: true
}
},
callback: {
beforeClick: beforeClick,
onCheck: onCheck
}
};


var zNodes;

function beforeClick(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo");
zTree.checkNode(treeNode, !treeNode.checked, null, true);
return false;
}

function onCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = zTree.getCheckedNodes(true),
v = "";
for (var i=0, l=nodes.length; i<l; i++) {
v += nodes[i].name + ",";
}
if (v.length > 0 ) v = v.substring(0, v.length-1);
var cityObj = $("#treeSel");
cityObj.attr("value", v);
}


function showMenu() {
var cityObj = $("#treeSel");
var cityOffset = $("#treeSel").offset();
$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");


$("body").bind("mousedown", onBodyDown);
}
function hideMenu() {
$("#menuContent").fadeOut("fast");
$("body").unbind("mousedown", onBodyDown);
}
function onBodyDown(event) {
if (!(event.target.id == "menuBtn" || event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
hideMenu();
}
}


function treeInit(jsonData){
zNodes = jsonData;

}
  $(document).ready(function(){
getTreeData();
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
});
  function getTreeData(){
$.ajax({
url:"getSelectTreeData.action",
type:"POST",
dataType:"json",
async:false,
success:function(data){
//调用通用方法 data为Json数据
treeInit(data);
}
});
}
JSP上面这样写的:

<tr>
<td class="align_right">监考教师:</td>
<td>
<input id="treeSel" name="treeSel" type="text" readonly value="" style="width:120px;" onclick="showMenu();" />
<span class="star">*</span>
</td>
<div id="menuContent" class="menuContent1" style="display:none; position: absolute;">
<ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
</div>
</tr>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

野心澎湃 2021-12-01 05:47:28

这个是样式表问题,有些样式冲突了

月牙弯弯 2021-12-01 05:46:49

确实样式冲突了,我们自己的样式里面有个table_list .button里面 有个image repeat-x

天涯离梦残月幽梦 2021-12-01 03:29:26

这要怎么改

勿忘初心 2021-11-30 23:35:11

在zTreeStyle.css 34行加上padding:0 0px;好了,这个情况 789 都有,10和11是正常的,谷歌 火孤都没有问题

悸初 2021-11-30 23:23:37

检查css

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文