herry
- 浏览: 152359 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (51)
- Ext (8)
- div+css (1)
- struts2 (0)
- 数据库 (4)
- 通用知识 (12)
- 生活轨迹 (1)
- tomcat (1)
- CXF (0)
- Flex (0)
- Java Applet (0)
- mybatis (1)
- JavaFX (5)
- NetBeans常见问题 (1)
- JQuery (0)
- struts (1)
- JDK (3)
- perl (0)
- xml (2)
- 句柄 (1)
- axis (2)
- IDEA (5)
- Java (4)
- 网络流 (0)
- ckeditor (1)
- 一些带完成的开源功能 (0)
- 虚拟化 (2)
- jgroup (1)
- 集群 (1)
- 临时 (0)
- 玩具故事 (0)
- gradle (2)
- git (1)
- openstack (0)
- linux (0)
- ubuntu (0)
- html (1)
- maven (1)
最新评论
-
wdjhz：
感激不尽。。昨晚找了一晚的资料都没找到详细说明。。看到你的de ...
如何在TableView的列中自定义渲染
在给Element添加事件的时候，会出现事件重复的情况
如下例子:
当点击FTPServerInfo时会执行4次，单击FileInfo 会执行3次
这个现象说明在给<li id="ext-gen399" class="forcollapsed">VideoFileInfo
添加时间的时候，它的子元素同时也添加了该事件这样会导致意想不到的结果
解决的方法只能是不将事件添加到li元素
不过还没太闹明白，如果是这样的话，那只要是点击子元素就会触发事件，但为什么只有点击li元素才会触发呢?,
如下例子:
<html>
<head>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="resources/css/xtheme-gray.css"/>
<link rel="stylesheet" type="text/css" href="resources/css/ux/xslt.css"/>
<script type="text/javascript" src="js/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="js/ext/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var collapsedLi = Ext.query(".forcollapsed");
Ext.each(collapsedLi, function(item, index) {
new Ext.Element(item).on("click",
handleClick, // reference to the action handler
this
);
})
function handleClick(eo, t) {
//当点击FTPServerInfo时会执行4次，单击FileInfo 会执行3次
alert(eo.getTarget().innerHTML);
}
})
</script>
</head>
<body>
<div id="container">
<div>
<ul class="xmlul">
<li id="ext-gen399" class="forcollapsed">VideoFileInfo
<ul class="xmlul">
<div>
<li class="forcollapsed" id="ext-gen400">SourceElement
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">Index:</span>0</td>
<td align="left" class="td1">
<span class="xmlSpan">IfClosed:</span>1</td>
<td align="left" class="td1">
<span class="xmlSpan">FinishFileSeriesNo:</span>1</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimIn:</span>0</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimOut:</span>0</td>
</tr>
</tbody>
</table>
<ul class="xmlul">
<div>
<li class="forcollapsed" id="ext-gen401">FileInfo
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" colspan="5" class="td1">
<span class="xmlSpan">FileName:</span>Src-V.avi</td>
</tr>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">SystemID:</span>DefaultSys</td>
<td align="left" class="td1">
<span class="xmlSpan">StorageID:</span>DefaultSysDisk1Storage1</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimIn:</span>
</td>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">TrimOut:</span>
</td>
</tr>
<tr>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">StorageID:</span>DefaultSysDisk1Storage1</td>
<td align="left" colspan="3" class="td1">
<span class="xmlSpan">FilePath:</span>Local\E:\ActorTest\mz</td>
</tr>
<tr>
<td align="left" colspan="3" class="td1">
<span class="xmlSpan">PathID:</span>9995BA56-4E47-4380-AE90-CCF67EFEF1DD</td>
<td align="left" class="td1">
<span class="xmlSpan">PhysicalStatus:</span>20</td>
<td align="left" class="td1">
<span class="xmlSpan">FileLength:</span>0</td>
</tr>
</tbody>
</table>
<ul class="xmlul">
<div>
<li class="forcollapsed" id="ext-gen402">FTPServerInfo
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">IP:</span>
</td>
<td align="left" class="td1">
<span class="xmlSpan">Port:</span>21</td>
<td align="left" class="td1">
<span class="xmlSpan">Username:</span>
</td>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">Password:</span>
</td>
</tr>
</tbody>
</table>
</li>
</div>
</ul>
</li>
</div>
</ul>
</li>
</div>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
当点击FTPServerInfo时会执行4次，单击FileInfo 会执行3次
这个现象说明在给<li id="ext-gen399" class="forcollapsed">VideoFileInfo
添加时间的时候，它的子元素同时也添加了该事件这样会导致意想不到的结果
解决的方法只能是不将事件添加到li元素
不过还没太闹明白，如果是这样的话，那只要是点击子元素就会触发事件，但为什么只有点击li元素才会触发呢?,
<html>
<head>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<link rel="stylesheet" type="text/css" href="resources/css/ux/xslt.css"/>
<script type="text/javascript" src="js/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="js/ext/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var collapsedLi = Ext.query(".forcollapsed");
Ext.each(collapsedLi, function(item, index) {
new Ext.Element(item).on(
"click",
handleClick // reference to the action handler
);
})
function handleClick(eo, t) {
alert(eo.getTarget().innerHTML);
}
})
</script>
</head>
<body>
<div id="container">
<div>
<ul class="xmlul">
<li id="ext-gen399">
<span class="forcollapsed">VideoFileInfo</span>
<ul class="xmlul">
<div>
<li id="ext-gen400">
<span class="forcollapsed">SourceElement</span>
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">Index:</span>0</td>
<td align="left" class="td1">
<span class="xmlSpan">IfClosed:</span>1</td>
<td align="left" class="td1">
<span class="xmlSpan">FinishFileSeriesNo:</span>1</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimIn:</span>0</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimOut:</span>0</td>
</tr>
</tbody>
</table>
<ul class="xmlul">
<div>
<li id="ext-gen401">
<span class="forcollapsed">FileInfo</span>
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" colspan="5" class="td1">
<span class="xmlSpan">FileName:</span>Src-V.avi</td>
</tr>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">SystemID:</span>DefaultSys</td>
<td align="left" class="td1">
<span class="xmlSpan">StorageID:</span>DefaultSysDisk1Storage1</td>
<td align="left" class="td1">
<span class="xmlSpan">TrimIn:</span>
</td>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">TrimOut:</span>
</td>
</tr>
<tr>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">StorageID:</span>DefaultSysDisk1Storage1</td>
<td align="left" colspan="3" class="td1">
<span class="xmlSpan">FilePath:</span>Local\E:\ActorTest\mz</td>
</tr>
<tr>
<td align="left" colspan="3" class="td1">
<span class="xmlSpan">PathID:</span>9995BA56-4E47-4380-AE90-CCF67EFEF1DD</td>
<td align="left" class="td1">
<span class="xmlSpan">PhysicalStatus:</span>20</td>
<td align="left" class="td1">
<span class="xmlSpan">FileLength:</span>0</td>
</tr>
</tbody>
</table>
<ul class="xmlul">
<div>
<li id="ext-gen402">
<span class="forcollapsed">FTPServerInfo</span>
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#6b78a9" align="center" width="98%" bordercolorlight="#6B78A9" bordercolordark="#6B78A9">
<tbody>
<tr>
<td align="left" class="td1">
<span class="xmlSpan">IP:</span>
</td>
<td align="left" class="td1">
<span class="xmlSpan">Port:</span>21</td>
<td align="left" class="td1">
<span class="xmlSpan">Username:</span>
</td>
<td align="left" colspan="2" class="td1">
<span class="xmlSpan">Password:</span>
</td>
</tr>
</tbody>
</table>
</li>
</div>
</ul>
</li>
</div>
</ul>
</li>
</div>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
分享到：
发表评论
-
<a>bbbbb</a>
2013-11-19 10:15 0<l>yyyyyyyyyyyyyyyyyyyyyy ... -
Ext + struts2的方式，如何传递数组到后台
2009-10-23 17:14 6282需求: 为了很方便的批量修改数据，存在着将数据批量传递 ... -
如何解决Ext中 中文乱码的问题
2009-10-23 16:42 2439提供一种方法:全站式UTF-8编码的方式 1.js中出现的中文 ... -
如何构建动态的Grid的列
2009-10-23 16:14 1091存在这样的需求，即如果显示的Grid的列是通过配置获取的，如何 ... -
如何设置自定义tools的可见与非可见(panel,grid等)
2009-10-19 15:09 1704如果我们自定义了一个panel(id:'testPanel') ... -
如何移除某个监听器
2009-10-19 10:30 2570如我们对一个treeloader增加一个监听器load,并且传 ... -
Ext中如何展现复杂的xml文件
2009-10-15 10:40 1687需求就是如何将xml文件能够界面美观的展现出来？ 其实有几种的 ... -
Ext中Grid加载数据完成后自动选择第一行
2009-10-15 10:02 7233问题如题。。 解决方法就是必须等待Grid渲染完成之后，再lo ...
相关推荐
在使用Vue框架结合Element-UI组件库开发中，我们可能会遇到下拉菜单中子选项的click事件无法触发的问题。Element-UI是一个基于Vue 2.0的桌面端组件库，广泛用于快速开发页面组件。其中，组件提供了下拉菜单功能，则...
解决Vue对Element中的el-tab-pane添加@click事件无效
正确的做法是在`<el-dialog>`上添加`@open`事件，初始化时使提交按钮可点击，如`@open="submitButtonDisabled = false"`。验证通过后立即禁用按钮(`this.submitButtonDisabled = true`)，并在最后的回调函数中只处理...
link rel=stylesheet href=https://unpkg.com/element-ui/lib/theme-chalk/index.css rel=external nofollow > </head> <body > <!--此处model的abc 要是下面input 绑定的对象名称, ref 要和...
3. jQuery中的事件委托技术：为了解决动态元素的事件处理问题，jQuery引入了一种名为“事件委托”的技术。事件委托允许我们将事件监听器绑定到一个父级元素上，而不是直接绑定到目标元素上。这样，即使目标元素是...
本文主要阐述了如何使用Vue.js和Element UI来实现表单的动态生成，并为这些动态生成的表单添加了验证功能。 知识点一：Vue.js框架基础 Vue.js是一个构建用户界面的渐进式JavaScript框架，核心库仅关注视图层，易于...
在Vue.js和Element UI框架中，创建一个带有加减按钮的表格是一项常见的需求，尤其在数据管理和编辑场景中。这个功能模块旨在实现一种表格行内操作，允许用户通过加减按钮来动态增删数据，同时确保每行的操作独立，不...
在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert(...
这篇博客“利用eval()函数给树节点统一添加单击事件实现新建选项卡功能”探讨了一个具体的JavaScript编程技巧，如何通过eval()函数来处理用户交互，特别是针对树形结构数据的点击事件，进而实现新的选项卡功能。...
### Vue + Element UI 添加自定义右键菜单的知识点解析 #### 一、概述 本文将详细介绍如何在基于Vue.js框架的项目中结合Element UI库，实现一个简单的自定义右键菜单功能。通过以下步骤，您将了解到从创建绑定事件...
JavaScript 动态添加事件是网页开发中常见的需求，主要用于实现交互功能。在不同的浏览器中，实现方式略有差异，主要涉及到IE浏览器与非IE浏览器的兼容性问题。以下是关于JavaScript动态添加事件的一些关键知识点： ...
但是很遗憾element-ui没有给我们提供这个插槽，我们想实现这个功能只能重写组件或者等官方更新吗，答案当然是否定的！ 花了一点时间通过一个函数实现这个功能，支持el-select和el-cascader,效果点击预览 其实...
document.body.appendChild(renderer.domElement); ``` 3. **加载OBJ模型**：使用`THREE.OBJLoader`加载模型。首先，需要创建一个加载器实例，然后调用它的`load`方法。 ```javascript var loader = new THREE....
然而，在进行Element-UI版本升级时，可能会遇到一些兼容性或配置问题，导致组件无法正常工作，比如在本案例中提到的“el-table不显示空白问题”。以下是对这个现象的深入分析及解决策略。 首先，让我们了解可能的...
"element-starter(添加路由route).zip"是一个用于构建后端管理系统的基础框架，它基于流行的前端组件库Element UI，并且已经集成了路由管理功能。Element UI是饿了么团队开发的一款轻量级、高度可定制的Vue.js UI库...
### 本地引入Element UI图标不显示问题解析及解决方法 #### 一、问题背景与概述 在使用Element UI框架进行前端开发时，可能会遇到从特定链接（如：`...
/npm/element-plus@2.8.1/dist 37.2K /npm/element-plus@2.8.1/es 36.4K /npm/element-plus@2.8.1/lib /npm/element-plus@2.8.1/theme-chalk 394 /npm/element-plus@2.8.1/attributes.json /npm/element-...
本话题主要探讨如何利用JavaScript的Web API，如MouseEvent、InputEvent和KeyboardEvent，来模拟键盘和鼠标事件，并给Element UI或普通的HTML元素表单进行批量赋值。 首先，`MouseEvent`是JavaScript提供的一个内置...
在Vue框架中使用Element UI组件库实现一个抽屉组件涉及到几个核心知识点，本文将详细解读如何基于Element UI添加自定义抽屉组件的步骤和细节。 首先，要了解什么是抽屉组件。在用户界面设计中，抽屉（Drawer）组件...
8. **错误处理与调试**：熟悉 Vue DevTools 这样的开发工具可以帮助开发者更有效地调试 Element Plus 组件，找出潜在的问题。 总的来说，这个离线版的 Element Plus 文档对于Vue 3 和 Element Plus 的初学者或专业...