- 浏览: 601352 次
- 性别:
- 来自: 杭州
-
文章分类
- 全部博客 (268)
- ext基础 (72)
- Java基础 (68)
- jquery (14)
- oracle (21)
- sqlserver (7)
- linux (2)
- webserver (1)
- C/C++ (1)
- sql (9)
- IDE (2)
- java 智能卡 (1)
- mysql (6)
- ibatis (2)
- struts2 (3)
- cvs (1)
- 服务器 (1)
- html (11)
- freemarker (4)
- liferay (2)
- jMS (1)
- iphone (1)
- c# (1)
- Android (11)
- wince (6)
- javascript (4)
- ps (1)
- hibernate (1)
- 其他 (3)
最新评论
-
ilyq:
请问,px.gif 在哪里
斜线表头 -
jisang:
没看懂,第一个org.js和最后的js什么关系,可否发我一份完 ...
用ExtJS 实现动态载入树(Load tree) -
JavaStudyEye:
我去,能否搞个正确点的,,,
<#list ...
freemarker 遍历map 对象 -
PangSir:
大爱,简直是大爱!!困扰这么久以来的问题,虽然知道是CSS的问 ...
ExtJs checkbox radiobox 问题 汇总 -
skynet_java:
有demo嘛!邮箱:think_world@foxmail.c ...
消息推送服务需求 - 服务器开发、客户端开发
1.Grid
********************************************************************************************
初始化时添加
1、双击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowdblclick', rowdblclickFn);
function rowdblclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
2、单击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
=========================================================================================
初始化配置
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
var grid = new Ext.grid.GridPanel({
store: <your datastore>,
columns:[<your columns>],
renderTo:'example-grid',
height:200,
listeners:{
//单击
rowdblclick : function(grid,row){
alert("rowdblclick")
},
//双击
rowclick:function(grid,row){
alert('rowclick')
}
}
});
====================================================================================================================
tree
treepanel叶子节点,增加一个tabpanel,treepanel添加双击事件
{
xtype:'treepanel',
//.....
listeners: {
'dblclick':function(node,e){
//增加tabpanel
}
}
}
============================================================================================
ext textfiled
添加双击事件
遇到一个对textfiled 双击事件进行监听的需求 原先采取的是失去焦点事件(ext的api中不包含双击事件),可是对于修改textfiled的内容却无法忍受,所以折腾了一下午想出个最蠢的办法 我不会去怎么注册事件然后有怎么使用监听的,下面是我的方法
var testTextFiled = new Ext.form.TextField({
fieldLabel: 'test,
name: 'test,
labelSeparator: ':',
width: 227,
height: 25,
allowBlank:false
})
其实大家都可以用firedug可以看到对于的 窗口页面里所有对象的信息的 其实全都是html
下面我们来组成事件
registerEventToTextFile:function(){
document.getElementById(testTextFiled .getId()).ondblclick=function(){
alert('文本输入框的双击事件!');
}
}
这段必须是在页面构造完成以后才能去调用 要不会提示document.getElementById(testTextFiled .getId()).为空 这大家是可以理解的
完成对testTextFiled 对象注册了输入框的双击事件了
=============================================================================================================
********************************************************************************************
初始化时添加
1、双击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowdblclick', rowdblclickFn);
function rowdblclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
2、单击
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
=========================================================================================
初始化配置
var cb = new Ext.grid.RowSelectionModel({
singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});
var alarmGrid = new Ext.grid.GridPanel({
}
alarmGrid.addListener('rowclick', rowclickFn);
function rowclickFn(grid, rowindex, e){
grid.getSelectionModel().each(function(rec){
alert(rec.get(fieldName)); //fieldName,记录中的字段名
});
}
var grid = new Ext.grid.GridPanel({
store: <your datastore>,
columns:[<your columns>],
renderTo:'example-grid',
height:200,
listeners:{
//单击
rowdblclick : function(grid,row){
alert("rowdblclick")
},
//双击
rowclick:function(grid,row){
alert('rowclick')
}
}
});
====================================================================================================================
tree
treepanel叶子节点,增加一个tabpanel,treepanel添加双击事件
{
xtype:'treepanel',
//.....
listeners: {
'dblclick':function(node,e){
//增加tabpanel
}
}
}
============================================================================================
ext textfiled
添加双击事件
遇到一个对textfiled 双击事件进行监听的需求 原先采取的是失去焦点事件(ext的api中不包含双击事件),可是对于修改textfiled的内容却无法忍受,所以折腾了一下午想出个最蠢的办法 我不会去怎么注册事件然后有怎么使用监听的,下面是我的方法
var testTextFiled = new Ext.form.TextField({
fieldLabel: 'test,
name: 'test,
labelSeparator: ':',
width: 227,
height: 25,
allowBlank:false
})
其实大家都可以用firedug可以看到对于的 窗口页面里所有对象的信息的 其实全都是html
下面我们来组成事件
registerEventToTextFile:function(){
document.getElementById(testTextFiled .getId()).ondblclick=function(){
alert('文本输入框的双击事件!');
}
}
这段必须是在页面构造完成以后才能去调用 要不会提示document.getElementById(testTextFiled .getId()).为空 这大家是可以理解的
完成对testTextFiled 对象注册了输入框的双击事件了
=============================================================================================================
发表评论
-
将博客搬至CSDN
2023-02-06 16:57 416https://www.iteye.com/blog/user ... -
Liferay Portal 应用之开发(1)
2012-02-27 14:09 18441.下载安装Eclipse Eclipse ... -
liferay Portal (1) 应用之配置
2012-02-27 13:59 1356Liferay Portal缺省只有一 ... -
ext form
2011-05-18 15:25 1063//grid1定义的grid var record = gr ... -
combox
2011-04-27 10:55 16301.服务器数据作为ComboBox的数据源 实例 首先从服务 ... -
ext grid 单元格
2010-12-29 11:17 1107listeners : { cellcli ... -
combox 默认值
2010-12-20 10:35 3059[ {"abbr":&quo ... -
Ext.DateField 格式
2010-12-17 10:11 1527Ext.DatePicker,该类为我们提供了一个占地面积很广 ... -
extjs的grid控件如何根据值来设置某行的背景颜色
2010-12-17 09:40 8153根据不同的值来设置grid的背景颜色 在viewConfig ... -
动态组件
2010-12-16 17:05 1105Ext.onReady(function() { ... -
js 获取路径
2010-12-13 19:02 1444<br>以下为输出: <br> ... -
矫正对象 信息登记
2010-12-08 14:10 1015矫正对象登记 { frame : true ... -
转 ext Demo
2010-12-05 13:17 1532下面这个是主界面的设计 Ext.onReady(funct ... -
下拉框 控制 列是否可读
2010-11-12 08:33 1159Ext EditorGrid单元格控制小记 http://d ... -
extjs formpanel 怎么显示图片
2010-10-02 10:13 3641//可加普通的panel,html属性直接添加html代码 ... -
动态 改变 column样式
2010-09-30 16:35 1249grid.getView().getCell(rowNum , ... -
js 应用
2010-09-29 14:38 1073JS里 面的new Date("xxxx/xx/xx ... -
grid 表头 鼠标事件
2010-09-24 16:04 1971grid.addListener("cellclic ... -
格式化
2010-08-26 00:32 1471//创建edgrid.js Ext.onReady(func ... -
ext (增 ,删,改 ,查,导出excel)
2010-08-26 00:03 1916下面为扩张grid的 代码 ...
相关推荐
EXT dojochina Ext事件是JavaScript库EXT JS中的一个重要概念,EXT JS是一个强大的前端开发框架,主要用于构建桌面级Web应用程序。这个压缩包可能包含了关于EXT JS事件处理的详细资料,特别是针对中国开发者...
在“Extjs源码之--Ext事件机制/继承关系”中,我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理主要由EventManager.js这个文件负责,它是EXTJS事件系统的基础。 首先,EXTJS的事件机制基于观察者...
### ext事件模型详解 #### 一、概述 在前端开发领域,事件处理是构建交互式应用的核心技术之一。本文将详细介绍`ext事件模型`,它为开发者提供了一套灵活且强大的事件处理机制。通过理解`ext事件模型`的组件与工作...
4. **EXT事件处理**:在登录插件中,开发者可能会使用EXT的事件监听机制,比如在登录按钮上添加`click`事件监听器,当用户点击按钮时触发相应的登录处理函数。 5. **表单验证**:EXT提供了一套完整的表单处理机制,...
EXT事件模型使得组件能够响应用户的交互,如点击、鼠标移动等,并且能够灵活地与其他组件进行交互。 3. **观察者模式(Observer)** 观察者模式是设计模式中的一种,EXT中实现为事件监听器。Observer在...
响应事件是EXT的重要特性,手册会讲解如何绑定事件监听器,处理用户交互,以及EXT事件模型的工作原理。Widgets章节则深入探讨EXT的组件系统,包括如何创建和配置组件,以及组件间的关系和通信。 使用Ajax部分,手册...
`Observable`类是Ext事件模型的基础,它提供了一种方式来监听和响应对象上的事件。任何Ext组件都继承自`Observable`,可以通过`on`、`un`等方法来管理事件。`Observable`还支持事件拦截器,允许在事件触发前或后执行...
EXT事件模型支持事件委托,使得添加和移除事件监听器更加灵活,同时提供了丰富的事件类型,覆盖了组件生命周期的各个阶段。通过这部分学习,你能掌握EXT中事件驱动编程的基础。 3. **ExtJSObservable.ppt** ...
ext封装的太死板,里面有常用到的15个ext.js触发事件和监听事件,对ext了解的不是特别深入,大部分都是经常碰到的
花费半年心血研究解读总结。包含了Ext的核心类解析,Ext对象原理,Ext事件模型,Ext布局模型,AJAX原理,Ext数据模型的本质原理;UML图例详解。
1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt
接着是“第5章 Ext事件系统”。ExtJS的事件处理机制是其强大功能的关键组成部分。这一章可能详细解释了如何注册事件监听器、触发事件以及使用事件委托。了解事件系统的运作方式对于创建响应式的用户界面至关重要,...
5. **事件处理**:EXT事件模型使得代码可以响应用户的交互,如点击、拖放等,从而实现复杂的业务逻辑。 6. **可扩展性**:EXT的设计使得应用容易扩展和维护,开发者可以创建自定义组件来满足特定需求。 数据库部分...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
在实际项目中,开发者可以通过Maven或者Gradle等构建工具将EXT3.jar作为依赖引入,然后在Java代码中创建EXT组件并进行事件绑定,实现业务逻辑。 在网站开发中,EXT框架的使用可以提供强大的用户界面,例如,通过EXT...
EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建出功能丰富的、交互性强的用户界面。 在"EXT教程"中,你将学习到EXT的基础知识,包括如何初始化应用、创建组件、布局管理...
适配器帮助EXT与不同的DOM操作和事件处理机制进行交互,使得在已有项目中集成EXT变得简单。 EXT还提供了一个强大的数据包,支持数据绑定和远程数据源的交互。这使得EXT组件能够动态地显示和操作来自服务器的数据,...
EXT提供了一套完整的组件模型、数据绑定、事件系统和强大的布局管理,使得开发者能够创建功能丰富的、交互性强的Web应用。这份"ext学习资料 20篇详细学习笔记 初学者ext学习的文档"是针对EXT初学者的一份宝贵资源,...
它们可能包括创建EXT应用的基本步骤、组件的使用方法、事件处理和响应机制等,是学习EXT的基础教材。 3. **EXT 中文帮助手册**:这是一份详细的辅助学习材料,可能包含EXT框架的高级特性,如AJAX通信、图表组件、...
通过阅读这份文档,你可以了解EXT的基本架构,学习如何创建窗口、面板、表单等常用UI元素,以及如何管理布局、处理事件和数据绑定。 EXT学习文档是进一步深入EXT的重要资料。文档中可能涵盖了EXT的高级特性,如数据...