- 浏览: 584578 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (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 121https://www.iteye.com/blog/user ... -
Liferay Portal 应用之开发(1)
2012-02-27 14:09 17411.下载安装Eclipse Eclipse ... -
liferay Portal (1) 应用之配置
2012-02-27 13:59 1240Liferay Portal缺省只有一 ... -
ext form
2011-05-18 15:25 932//grid1定义的grid var record = gr ... -
combox
2011-04-27 10:55 15401.服务器数据作为ComboBox的数据源 实例 首先从服务 ... -
ext grid 单元格
2010-12-29 11:17 969listeners : { cellcli ... -
combox 默认值
2010-12-20 10:35 2964[ {"abbr":&quo ... -
Ext.DateField 格式
2010-12-17 10:11 1405Ext.DatePicker,该类为我们提供了一个占地面积很广 ... -
extjs的grid控件如何根据值来设置某行的背景颜色
2010-12-17 09:40 8036根据不同的值来设置grid的背景颜色 在viewConfig ... -
动态组件
2010-12-16 17:05 971Ext.onReady(function() { ... -
js 获取路径
2010-12-13 19:02 1347<br>以下为输出: <br> ... -
矫正对象 信息登记
2010-12-08 14:10 885矫正对象登记 { frame : true ... -
转 ext Demo
2010-12-05 13:17 1426下面这个是主界面的设计 Ext.onReady(funct ... -
下拉框 控制 列是否可读
2010-11-12 08:33 1055Ext EditorGrid单元格控制小记 http://d ... -
extjs formpanel 怎么显示图片
2010-10-02 10:13 3498//可加普通的panel,html属性直接添加html代码 ... -
动态 改变 column样式
2010-09-30 16:35 1099grid.getView().getCell(rowNum , ... -
js 应用
2010-09-29 14:38 973JS里 面的new Date("xxxx/xx/xx ... -
grid 表头 鼠标事件
2010-09-24 16:04 1852grid.addListener("cellclic ... -
格式化
2010-08-26 00:32 1420//创建edgrid.js Ext.onReady(func ... -
ext (增 ,删,改 ,查,导出excel)
2010-08-26 00:03 1808下面为扩张grid的 代码 ...
相关推荐
EXT dojochina Ext事件.rar EXT dojochina Ext事件.rar
ext事件模型 ,一个时间模型 example。
NULL 博文链接:https://lovebeyond.iteye.com/blog/1197784
ext封装的太死板,里面有常用到的15个ext.js触发事件和监听事件,对ext了解的不是特别深入,大部分都是经常碰到的
花费半年心血研究解读总结。包含了Ext的核心类解析,Ext对象原理,Ext事件模型,Ext布局模型,AJAX原理,Ext数据模型的本质原理;UML图例详解。
1.入门 2.ext事件处理 3.面板 4.工具栏 5.Viewport 6.窗口 7.对话框 内附:ext语法总结.txt
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
EXT江湖05事件系统
目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...
Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext中的继承 Ext的类设计 Ajax通讯 JSON处理方法 函数的原型扩展 组件的使用: Tab标签页 Ext 1.x中的布局 Grid组件初学 Grid的...
EXT核心API详解 1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、String类 …………………………… 4 5、Date类 ……………………………… 5 ...
第5~9章分别讲解了ext js的事件及其应用、选择器与dom操作、数据交互、模板与组件、容器、面板、布局与视图;第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、...
3. 如果看到全中文的响应页面,说明工程运行正常,参见ExtStart.js文档,有非常详细的注释说明Ext.Element类与Ext.select()选择器的使用,以及事件处理的几种使用情况,最后是Ext框架使用Ajax技术的演示部分,需要...
1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看hello...
8.10. 灵异事件,Ext.state 8.11. 所谓的事件 8.12. 回头谈一谈Ext里的ajax 9. 沉寂吧!我们要自己的控件。 9.1. 下拉树形选择框TreeField 9.2. 带全选的checkbox树形CheckBoxTree 9.3. 带全选的checkbox的grid 9.4....
EasyExt_006_Ext基础架构_事件机制
实现ext与JSON的数据传递和显示,以及ext树的事件响应
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
}Ext.onReady(function(){ Ext.get(“btnAlert”).addListener(“click”,a);//这里监听 //或者使用 Ext.get(“btnAlert”).on(“click”,a);//效果相同 });[removed] <input id=”btnAlert” type=”button”...
第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...