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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
Javascript 表单之间的数据传递代码
Dec 04 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
Jan 27 Javascript
纯javascript实现分页(两种方法)
Aug 26 Javascript
浅析vue数据绑定
Jan 17 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
JS实现的A*寻路算法详解
Dec 14 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
Vuex新手的理解与使用详解
May 31 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 07 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 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
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
jQuery把表单元素变为json对象
2013/11/06 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
js同源策略详解
2015/05/21 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
原生js实现随机点餐效果
2019/12/10 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
JavaScript实现点击切换功能
2021/01/27 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
如何基于python实现脚本加密
2019/12/28 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Python datetime模块的使用示例
2021/02/02 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
adidas泰国官网:adidas TH
2020/07/11 全球购物
新闻系毕业生推荐信
2013/11/16 职场文书
店长助理岗位职责
2013/12/13 职场文书
说明书格式及范文
2014/05/07 职场文书
法学专业毕业生求职信
2014/06/12 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
护理专业自我评价
2015/03/11 职场文书