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

先给大家说下什么是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) {
}
}
})
],
赞 (0)

相关推荐

  • gridview中实现radiobutton的单选示例

    c# 代码 复制代码 代码如下: protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { RadioButton rb = (RadioButton)e.Row.FindControl("rbtSelect"); if (rb != null) rb.Attributes.Add(&q

  • 学习ExtJS（二） Button常用方法

    一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidden:按钮的隐藏或显示(true or false) 二.构造参数 handler:指定一个函数句柄,在默认事件触发时调用,此时在默认事件为click listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getBogy():对到Body对象 onReady():当页面加载完成时执行本函数 getText():得到按钮名称 setText

  • aspxgridview CustomButtonCallback 不支持弹出消息提示解决方法

    aspxgridveiw是devexpress的一个grid控件,使用起来还不错.但是今天遇到一个问题,就是不能再 CustomButtonCallback 事件中使用response.write,因为CustomButtonCallback 事件是无刷新的,所以不支持,但是即使使用ScriptManager.RegisterClientScriptBlock(page, page.GetType(), "MyScript", myScript, true)也无济于事,在网上查了很久,

  • Flex4 DataGrid中如何嵌入RadioButton

    复制代码 代码如下: <s:DataGrid id="viewDg" width="100%" height="100%" fontFamily="微软雅黑" horizontalScrollPolicy="off" borderVisible="false" dataProvider="{viewList}"> <s:columns> <

  • 获取Gridview中ButtonField的text属性

    <asp:BoundField>用cell[2].text取到值.但<asp:HyperLinkField>和<asp:ButtonField>通过cell[0].Text和cell[13].Text取的值都是"".应如何取到值呢? 首先将ButtonField按钮的连接改为Button模式,然后就可以通过以下语句得到text值Response.Write(((HyperLink)e.Row.Cells[0].Controls[0]).Text);

  • gridview的buttonfield获取该行的索引值(实例讲解)

    1.选择gridview控件,创建按纽列buttonfield,将此按纽列的CommandName 设置为Details  //本例是为了想要查看改行的详细信息 2.GridView1的属性: OnRowCommand= "btnOpenClick"  DataKeyNames="p_num"  //绑定行方法,p_num是绑定的数据库中的主键字段 3.双击 OnRowCommand 属性产生: 复制代码 代码如下: protected void btnOpenCl

  • 在GridView中LinkButton的属性的应用（如何不用选中就删除这一行）

    在GridView中LinkButton的属性的应用（如何不用选中就删除这一行）

    1.在gridview中一直对"删除"不是很理解,在ASP的模式下面,这个删除链接应该有一个行ID标识,以便程序知道删除那一行,或针对这行做一些处理,然而在ASP.net里面也可以用,但是不是最好的. 2.应该用LinkButton的各种属性,这时候非常方面,而且便于理解.这样不用选中一行(gridview.selectedRow 提供定位信息),然后再点击某种操作了. 请注意 CommandName, CommandArgument 和 LinkButton的名字 CommandAr

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

    先给大家说下什么是ext ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了. 主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网

  • iOS中关于音乐锁屏控制音乐(锁屏信息设置)的实例代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <pre name="code" class="objc">appDelegate里面加入如下代码获取后台播放权限</pre><pre name="code" class="objc">- (void)setAudioBackstagePlay{ AVAudioSession *audioSession = [AVAudioSession

  • AngularJS点击添加样式、点击变色设置的实例代码

    AngularJS点击添加样式、点击变色设置的实例代码

    本文介绍了AngularJS点击添加样式.点击变色设置的实例代码,分享给大家,具体如下: 首先解释需求是这样的,有个列表,当你点击哪一行时,哪一行背景变成灰色,在JQ中,大家都知道,这是非常容易的,加一个addClass就行了,那么AngularJS如何实现呢? 下面我们看代码部分 <!doctype html> <html ng-app="a2_11"> <head> <title>添加元素样式</title> <sc

  • C++ 中实现把EXCEL的数据导入数据库(ACCESS、MSSQL等)实例代码

    C++ 中实现把EXCEL的数据导入数据库(ACCESS.MSSQL等)实例代码 在把EXCEL的数据导入数据库之前,先进行一些简单的准备工作: 1.把数据所在的EXCEL表另保存为DBF 4格式. 2.打开BCB,添加AdoTable(改名为DBFTable)和DataSource这两个控件 OK,准备工作,到此结束,剩下的就是打代码了 1.在Form_Load()事件中,加入以下代码: AnsiString filepath=ExtractFilePath(FileName); //File

  • vue项目中在可编辑div光标位置插入内容的实现代码

    vue项目中在可编辑div光标位置插入内容 html: <div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item" @dragstart="dragStart($event, item.labelName)" draggable='true' v-for="(item, index) in modelCommonList" :key="index" @click=&quo

  • C#添加、获取、删除PDF附件实例代码

    概述 附件,指随同文件发出的有关文件或物品.在PDF文档中,我们可以添加同类型的或其他类型的文档作为附件内容,而PDF中附件也可以分为两种存在形式,一种是附件以普通文件形式存在,另一种是以注释的形式存在.在下面的示例中介绍了如何分别添加以上两种形式的PDF附件.此外,根据PDF附件的不同添加方式,我们在获取PDF附件信息或删除PDF附件时,也可以分情况来执行操作. 工具使用 pire.PDF for .NET 4.0 代码示例(供参考)  1.添加PDF附件    1.1 以普通文档形式添加附件

  • jQuery添加options点击事件并传值实例代码

    jQuery添加options点击事件并传值实例代码

     说明: 最近刚接了一个项目,其中有项目需求要求根据选择不同店铺选项,上送不同id值,展示不同商品列表 先给大家展示下实现效果图:如果大家感兴趣对此很感兴趣,可以参考下实现代码. var formStr = "{'supplierId':'供应链企业|%-jm-sprt-%|93794498-3'}"; $.ajax({ type : "post", dataType : "json", cache : false, url : "..

  • jQuery中ztree 点击文本框弹出下拉框的实例代码

    废话不多说了,具体代码如下所示: <link rel="stylesheet" href="${ctx}/res/js/ztree/css/demo.css" type="text/css"/> <link rel="stylesheet" href="${ctx}/res/js/ztree/css/zTreeStyle/zTreeStyle.css" type="text/cs

  • jQuery Mobile中的button按钮组件基础使用教程

    jQuery Mobile中的button按钮组件基础使用教程

    一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role="button" 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式.下面给出一个例子: 这是一个添加

  • 模拟jQuery中的ready方法及实现按需加载css,js实例代码

    一.ready函数的实现经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的源码,涉及到的模块比较多,(水平有限)代码比较难看懂:自己结合了一些书籍内容,总结一下.先说一下ready函数的实现思路:变量ready通过表达式赋值,右侧为一个自执行匿名函数,在这个匿名函数中,首先为各个浏览器的事件绑定处理函数,并为isReady赋值(根据事件异步处理程序来确定),然后返回一个传参闭包,在闭包中,主要判断isReady值来执行操作,如果dom

随机推荐