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 相关文章推荐
js loading加载效果实现代码
Nov 24 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
Jun 04 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
基于javascript的无缝滚动动画1
Aug 07 Javascript
js实现弹窗效果
Aug 09 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读取RSS feed的代码
2008/08/01 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
JavaScript内核之基本概念
2011/10/21 Javascript
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
Nodejs处理异常操作示例
2018/12/25 NodeJs
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
Python中dictionary items()系列函数的用法实例
2014/08/21 Python
Python实现的质因式分解算法示例
2018/05/03 Python
浅谈pycharm下找不到sqlalchemy的问题
2018/12/03 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
python新手学习使用库
2020/06/11 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
浅谈CSS3 动画卡顿解决方案
2019/01/02 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
医院总经理职责
2013/12/26 职场文书
金融管理专业求职信
2014/07/10 职场文书
装配出错检讨书
2014/09/23 职场文书
2014年建筑工作总结
2014/11/26 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
物业保洁员管理制度
2015/08/05 职场文书
Feign调用全局异常处理解决方案
2021/06/24 Java/Android