社区
Web 开发
帖子详情
dtree 如何时间鼠标事件!
y2j3
2008-12-29 09:38:01
比如我在jsp 页面中 右击(或双击) 某个树节点 , 弹出一个 window.alert()小方框!
是不是要调用 dree 里面的什么方法! 要些什么参数??
...全文
275
11
打赏
收藏
dtree 如何时间鼠标事件!
比如我在jsp 页面中 右击(或双击) 某个树节点 , 弹出一个 window.alert()小方框! 是不是要调用 dree 里面的什么方法! 要些什么参数??
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
rosyouth
2012-07-21
打赏
举报
回复
上面的有bug,得这样,反正差不多是这个意思,得按自己的需求改
<script type="text/javascript">
var handler = function(event){
var target = event.target;
if(target instanceof HTMLAnchorElement){
alert(target.innerHTML);
alert(target.title);
alert(target.href);
event.preventDefault();
}
}
var dTree = document.getElementsByClassName('dtree')[0];
dTree.addEventListener('click', handler, false);
</script>
rosyouth
2012-07-21
打赏
举报
回复
忘了说了,是firefox下的。
rosyouth
2012-07-21
打赏
举报
回复
<script type="text/javascript">
var handler = function(event){
var target = event.target;
if(target instanceof HTMLAnchorElement){
alert(target.innerHTML);
alert(target.title);
alert(target.href);
}
event.preventDefault();
}
var dTree = document.getElementsByClassName('dtree')[0];
dTree.addEventListener('click', handler, false);
</script>
必要的话可以随便改改
jiugongz
2009-09-14
打赏
举报
回复
<div id="djstree">
<script type="text/javascript">
d= new dTree('d','<%=request.getContextPath() %>/web/js/dtree/img/');
d.add(1,-1,'<ww:property value="versid"/>','javascript:menups(1);');
</script>
<ww:iterator value="upshowmen" id="icmenuinfo" status="index">
<script>
d.add('<ww:property value="#icmenuinfo.menuid"/>','<ww:property value="#icmenuinfo.parentmenuid"/>','<ww:property value="#icmenuinfo.memo"/>','javascript:menups(<ww:property value="#icmenuinfo.menuid"/>)');
</script>
</ww:iterator>
<script>
document.write(d);
</script>
</div>
zou_wei_forever
2008-12-30
打赏
举报
回复
[Quote=引用 5 楼 yangyongjie1234 的回复:]
楼主回复:
我用了 3楼的方法 :
<script type='text/javascript'>
d = new dTree('d');
<%
List list = Category.queryAll(-1);
for(Iterator ite = list.iterator(); ite.hasNext();) {
Category cg = (Category)ite.next();
%>
d.add(' <%= cg.getId()%>', ' <%= cg.getPid()%>',' <%= cg.getName()%>', 'javascript:window.alert('dd');', '添加子类别');
<%
}
%>
document.write(d);
</scr…
[/Quote]
说白了,在dtree中每个节点就是用一个div来表示的,每个div都有一个id,你只要通过id得到div,给他动态绑定click事件就可以了。
落雪
2008-12-30
打赏
举报
回复
断点调试看看循环有进去没,cg有值没
y2j3
2008-12-30
打赏
举报
回复
楼主回复:
我用了 3楼的方法 :
<script type='text/javascript'>
d = new dTree('d');
<%
List list = Category.queryAll(-1);
for(Iterator ite = list.iterator(); ite.hasNext();) {
Category cg = (Category)ite.next();
%>
d.add('<%= cg.getId()%>', '<%= cg.getPid()%>','<%= cg.getName()%>', 'javascript:window.alert('dd');', '添加子类别');
<%
}
%>
document.write(d);
</script>
但是我发现 原来显示的树 改成这样后 都不显示了 页面什么都没有 ! 是什么原因啊! 还有你们的dtree 是哪里下载的?
kokobox
2008-12-29
打赏
举报
回复
[Quote=引用 3 楼 lanzhengwu 的回复:]
d.add("id",parent_id,'显示名称,"javascript:window.alert('dd');","标题","target");
[/Quote]
应该是这样的
lanzhengwu
2008-12-29
打赏
举报
回复
d.add("id",parent_id,'显示名称,"javascript:window.alert('dd');","标题","target");
落雪
2008-12-29
打赏
举报
回复
把js里面的onclick时间改成DoubleClick试试
老紫竹
2008-12-29
打赏
举报
回复
你去看看 add方法的第四个参数
DTree
源码注释及使用示例及性能建议
5. **使用事件委托**:避免为每个节点单独绑定事件监听器,而是使用事件委托技术,将监听器绑定在树的容器元素上,通过事件冒泡机制处理节点的事件,从而节省内存并提高响应速度。 总之,
DTree
虽然功能强大且使用...
DTREE
,树形结构(web)
这包括平滑的展开/折叠动画、清晰的视觉指示(如图标、颜色)以及对键盘和
鼠标事件
的响应。 4. **可访问性**:确保树形结构对屏幕阅读器和其他辅助技术友好,遵循WCAG(Web Content Accessibility Guidelines)标准...
java编写的目录树磁盘文件
2.
鼠标事件
:可以绑定点击、双击等
鼠标事件
,实现文件预览、下载或删除等功能。 3. 自定义图标:可以为不同的文件类型设置不同的图标,提供视觉区分。 4. 动态加载:为了提高性能,可以配置
dtree
仅在用户展开节点时...
类似windows资源管理器的js
3. **拖放功能**:为了实现类似Windows资源管理器的交互体验,JS库通常会支持文件或目录的拖放操作,允许用户通过鼠标进行移动或复制。 4. **事件处理**:各种用户交互,如点击、双击、右键菜单等,都需要相应的...
JQuery&CSS;&CSS;+DIV实例大全.rar
展开菜单插件
dTree
原版下载 2)JQuery Tab 1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2.jQuery层拖拽插件之jquery仿QQ空间的模块拖动功能插件下载 3.jQuery动感图标切换网页Tab...
Web 开发
81,116
社区成员
341,729
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章