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 相关文章推荐
JQuery的ajax基础上的超强GridView展示
Sep 18 Javascript
jQuery EasyUI 中文API Layout(Tabs)
Apr 27 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
Aug 30 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
JS实现点击文字对应DIV层不停闪动效果的方法
Mar 02 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
node实现爬虫的几种简易方式
Aug 22 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
Jul 21 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 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屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
javascript 函数使用说明
2010/04/07 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
javascript中递归函数用法注意点
2015/07/30 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
职工运动会感言
2014/02/07 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
机动车交通事故协议书
2015/01/29 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
三八节活动简报
2015/07/20 职场文书
预备党员表决心的话
2015/09/22 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python
redis不能访问本机真实ip地址的解决方案
2021/07/07 Redis
python双向链表实例详解
2022/05/25 Python