EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码


Posted in Javascript onJune 02, 2016

先给大家说下什么是ext

ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了.  

主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少. 

它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。  

从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。
这可能会影响一些他的应用前景。   目前的最新版本为3.2.2

1.创建一个添加按钮,listeners事件中button的单击事件,

{
id:'button1',
xtype : 'button',
margin : '6',
text : '添加',
name : 'btn-add',
iconCls: 'btn-add',
listeners:{
click:function(){
var r = Ext.create('ItemGridMdl', {



 //…………
});//要插入表格的数据
Ext.getCmp('grid1').getStore().insert(Ext.getCmp('grid1').getStore().getCount(), r);//在表格的最后添加一行
cellEditing.cancelEdit();
cellEditing.startEditByPosition({//要编辑的表格中的光标出现的位置
row : Ext.getCmp('grid1').getStore().getCount()-1,
column : 1
});
} 
}
}

2.调用这个button按钮的方法

Ext.getCmp('fbutton').fireEvent('click');

3.grid表格中plugins:属性的配置:

plugins:[
cellEditing=Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit:1,
listeners: {
edit: function(editor,e) {
}
}
})
],
Javascript 相关文章推荐
插件:检测javascript的内存泄漏
Mar 04 Javascript
asp批量修改记录的代码
Jun 25 Javascript
jQuery 滑动方法slideDown向下滑动元素
Jan 16 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
javascript运动详解
Jul 06 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
使用Vue写一个datepicker的示例
Jan 27 Javascript
Javascript小技能总结(推荐)
Jun 02 #Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 #Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 #Javascript
深入理解jQuery之事件移除
Jun 02 #Javascript
深入理解JQuery循环绑定事件
Jun 02 #Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 #Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 #Javascript
You might like
人大复印资料处理程序_补充篇
2006/10/09 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
PHP面向对象五大原则之开放-封闭原则(OCP)详解
2018/04/04 PHP
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
JS求平均值的小例子
2013/11/29 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
jquery使用经验小结
2015/05/20 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/09/29 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
理解Python垃圾回收机制
2016/02/12 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
Python OpenCV处理图像之图像直方图和反向投影
2018/07/10 Python
python配置grpc环境
2019/01/01 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
Python爬取12306车次信息代码详解
2020/08/12 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
应届生英语教师求职信
2013/11/05 职场文书
网页设计个人找工作求职信
2013/11/28 职场文书
《雾凇》教学反思
2014/02/17 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
检察院起诉意见书
2015/05/20 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
2019脱贫攻坚工作总结报告范本!
2019/08/06 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS