- 浏览: 553115 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
beck_iceblock:
[/color][color=white][color=oli ...
MYSQL的group_concat()函数中实现将多行同一字段数据合并成一个数据 -
瞎折腾球:
fristname 和 list name ,email填什么 ...
JetBrain WebStorm 注册码 -
瞎折腾球:
Your license key cannot be foun ...
JetBrain WebStorm 注册码 -
学习学习学习11111:
第一个可用,感谢 ,赞一个
JetBrain WebStorm 注册码 -
ichenwenjin:
不错,能用
JetBrain WebStorm 注册码
见一下代码 那个rowselect的事件那样用会照成死循环吗
如何能把ToolBar也封装成一个类呀!
/********创建FormPanel*******/ ProductFormPanel = Ext.extend(Ext.form.FormPanel,{ constructor:function(){ ProductFormPanel.superclass.constructor.call(this, { labelWidth:45, defaultType:'textfield', defaults:{anchor:'90%'}, baseCls:'x-plain', items:[ {fieldLabel:'姓名',name:'name'}, {fieldLabel:'年龄',name:'age'}, { fieldLabel:'性别', hiddenName:'sex', xtype:'combo', mode:'local', displayField:'sex', readOnly:true, triggerAction:'all', value:'男', store:new Ext.data.SimpleStore({ fields:['sex'], data:[['男'],['女']] }) } ] }) }, reset:function(){ this.getForm().reset(); }, getValue:function(){ if(this.getForm().isValid()){ return new Ext.data.Record(this.getForm().getValues()); }else{ throw Error('表单未能通过!'); } }, setValue:function(_r){ this.getForm().loadRecord(_r); } }); /*******创建Windows*********/ ProductWindows = Ext.extend(Ext.Window,{ form: new ProductFormPanel(), constructor:function(){ this.form = new ProductFormPanel(); ProductWindows.superclass.constructor.call(this, { plain:true, width:300, modal:true, items:this.form, closeAction:'hide', buttons:[ { text:'确定', handler:this.onSubmitClick, scope:this }, { text:'取消', handler:this.onCancelClick, scope:this }] } ); this.addEvents('submit'); }, close:function(){ this.form.reset(); this.hide(); }, onCancelClick:function(){ this.close(); }, onSubmitClick:function(){ try{ this.fireEvent('submit',this,this.form.getValue()); this.close(); }catch(_err){ return; } } }); /*******创建InsertWin*******/ InsertProductWin = Ext.extend(ProductWindows,{ title:'添加产品' }); /*******创建UpdateWin*******/ UpdateProductWin = Ext.extend(ProductWindows,{ load:function(_r){this.form.setValue(_r);}, title:'修改产品' }); /*******创建GridPanel*******/ var data = [{name:'张三',sex:'男',age:18},{name:'李四',sex:'女',age:20}]; var store = new Ext.data.JsonStore({ data:data, autoLoad:true, fields:['name','age','sex'] }); var cm = new Ext.grid.ColumnModel([ {dataIndex:'name',header:'姓名',sortable:true}, {dataIndex:'sex',header:'性别',sortable:true}, {dataIndex:'age',header:'年龄',sortable:true} ]); ProductGridPanel = Ext.extend(Ext.grid.GridPanel,{ insertwin:new InsertProductWin(), updatewin:new UpdateProductWin(), constructor:function(){ ProductGridPanel.superclass.constructor.call(this,{ cm:cm, region:'center', height:300, store:store, border:false, //这个地方这样用是死循环了吗 sm:new Ext.grid.RowSelectionModel({ singleSelect:true, listeners:{ 'rowselect':{ fn:function(_sel,_index,_r){this.fireEvent('rowselect',_r)}, scope:this } } }), title:'测试', tbar:[ { text:'添加记录', handler:function(){this.insertwin.show();}, scope:this }, '-', { text:'修改记录', handler:function(){ // this.updatewin.show(); // var r = this.getSelected(); try{ this.updatewin.show(); this.updatewin.load(this.getSelected()); }catch(_err){ alert(_err.description); } }, scope:this }] }), this.insertwin.on('submit',this.onInsertWinSubmit,this); this.addEvents('rowselect'); }, getSelected:function(){ var _sm = this.getSelectionModel(); if(_sm.getCount()==0) { throw Error('请选择一条记录!'); } return _sm.getSelected(); }, onRowSelect:function(_sel,_index,_r){ this.fireEvent('rowselect',_r); }, insert:function(_r){ alert(Ext.util.JSON.encode(_r)); this.getStore().add(_r); }, onInsertWinSubmit:function(_win,_r){ this.insert(_r); } }); Ext.onReady(function(){ var grid = new ProductGridPanel(); var view = new Ext.Viewport({ renderTo:Ext.getBody(), items:[grid] }); });
如何能把ToolBar也封装成一个类呀!
发表评论
-
理解转义的奥秘了
2013-04-25 16:51 896_o.innerHTML += '<div class= ... -
Sencha Touch2 后退按钮的导航应用
2012-05-29 16:13 4971Sencha Touch2 后退按钮的导航应用 系统中设置几个 ... -
可以将Upload控件里面的内容清空的代码
2012-02-20 08:53 1164_win.form.getForm().getEl().dom ... -
表单验证
2011-09-08 08:56 866{ xtype:'textfield', ... -
用JS获取请求地址中的参数和值
2011-08-30 10:33 3050unction GetUrlParameter(paramNa ... -
ExtJs 与 Structs2交互的几大总结
2011-08-05 08:36 2491package com.ysu.core.action; ... -
写一个Ext控件的理论
2011-08-05 08:29 1049经大漠穷秋的点拨 编写一个Ext的控件要注意一下 ini ... -
关于Ext从Tree向Tree拖拽的问题
2011-07-28 09:54 3082将TreePanel的数据向GridPanel中拖拽的功能! ... -
Ext Combox在手动输入的时候hiddenName和name不能重复
2010-09-16 13:26 2946... -
关于GridPanel中 行操作参数传递的问题
2010-09-16 11:01 1209var outcm = new Ext.grid.Colu ... -
关于两个form中 Ext DateField 表单的验证
2010-09-05 14:41 2995//判断两个日期差 Ext.apply(Ext.form ... -
Ext Grid 查询并能分页的代码
2010-08-06 15:03 1822最终完整代码为 onQueryWinSubmit:fu ... -
Ext TabPanel 的竖排布局
2010-03-01 12:37 1582TabPanel 这样能布局吗! 想把这个变成下面那幅图的样 ... -
轻松修改TreePanel 的图标样式 和 背景图片
2010-02-09 14:26 7332给树形结构定义图标 的css .x-tree-node- ... -
我转载了 kakarot-java 永久域名 http://kakarot-java.javaeye.com 的文章
2010-02-03 15:49 942在Ext form 中的 field 中的fieldLabel ... -
Ext+Struct2 纯OO实现相互交互
2009-11-11 14:48 1871折腾了两天 终于弄明白了是这样一回事 js 代码为 ... -
Ext 表单 和 Struct2接受ext表单值的问题
2009-11-11 07:32 2067一个疑惑的问题 该问题已经获得圆满解决 用Ext 作的表单以 ... -
怎么获得tabpanel有多少孩子啊
2009-11-10 14:47 923怎么获得tabpanel有多少孩子啊 tabPanel. ... -
Ext TreeGrid 点滴
2009-11-07 12:31 5485关于Ext TreeGrid 的的随笔 在store的数据集 ...
相关推荐
dejo_rowselect_map sample dejo_rowselect_map sample dejo_rowselect_map sample
数据窗口事件如`RowSelect`(行选择事件)和`Fetch`(数据获取事件)是处理数据交互的关键。 5. **数据库访问**: PB通过ADO.NET、OLE DB或ODBC等方式连接到各种数据库。函数如`SQLExecute()`用于执行SQL语句,`...
这可以通过监听Grid的行选择事件(`rowselect`)来实现,获取选中行的数据,填充到Form中,然后显示Dialog。保存按钮的处理函数会更新选定记录的信息。 6. **删除功能**:删除操作通常涉及从Grid中选择一行,然后...
18. 脚本事件:使用RowCreated和RowDataBound事件处理JavaScript事件,增强交互性。 19. 点击事件:通过定义ButtonField或HyperLinkField,配合CommandName和CommandArgument属性,实现行级别的点击事件。 20. ...
在GridPanel的配置中,我们看到了`sm`(SelectionModel)的设置,它允许用户选择单行数据,并在选择时触发自定义事件 `rowSelect`。`store` 是一个 `JsonStore`,用于存储数据,这里包含两个人物的信息。`colModel` ...
例如,可以添加`dw_1.RowSelect`事件,当用户点击某行时,这个事件会被触发。 4. **编程逻辑**:在事件处理函数内,可以获取选中行的索引,并使用数据窗口对象的API方法来改变行的背景色。例如,可以使用`...
5. 行选择:通过设置RowSelect事件,实现单行或多行选择功能,方便进一步的数据操作。 6. 表格样式:利用CSS自定义GridView的外观,包括表格样式、交替行颜色、表头样式等,提升用户体验。 7. 鼠标事件:通过...
例如,可以在按钮的“click”事件上绑定删除操作,或者在表格的“rowselect”事件上绑定编辑功能。 7. **数据绑定和模型** EasyUI结合JSON对象和JavaScript数据模型,使得数据与视图的同步变得简单。通过"data...
GridView还提供了行选择功能,用户可以设置SingleSelect或MultiSelect模式,通过设置RowSelect事件处理用户的选择操作。 5. 自定义模板字段 GridView的灵活性体现在其模板字段上,允许开发者自定义列的显示样式和...
5. 行选择:`GridView.RowSelect`事件可用于响应用户选择某行的操作。同时,可以设置`GridSelectionMode`属性来改变选择行为,如单选或多选。 6. 分页:默认的分页功能可通过设置`AllowPaging`为`true`开启,然后...
3. **事件处理**:为了响应用户的多选操作,开发者需要编写事件处理程序,如`ItemSelect`或`RowSelect`事件。这些事件在用户选择或取消选择行时触发,使应用程序能够根据选择的行执行相应的操作。 4. **数据窗口...
在Windows Forms中,使用`DataGridView.SelectionMode`属性,可设置为全选(`FullRowSelect`)、单元格选择(`CellSelect`)或行选择(`RowSelect`)。ASP.NET中没有直接的属性设置,但可以通过JavaScript或jQuery在...
- 表格中的行可以被选中,通过监听`cellclick`或`rowselect`事件,可以响应用户的选择操作。 - GridPanel的编辑功能通常通过`EditorGridPanel`实现,允许用户直接在单元格内进行修改,支持单行编辑和多行编辑模式...
你可以监听Grid的`cellclick`或`rowselect`事件,当用户触发导出时调用这些方法。 3. **生成CSV字符串**:使用`getRowsData`方法获取Grid中的所有数据行,并转换为CSV格式。这个过程包括遍历每一行,获取每个单元格...
在`limit`包中,`Limit`接口的实现通常是简单的,但其组合了`RowSelect`、`FilterSet`和`SortSet`等组件,通过`Factory`模式将这些元素组装起来,以实现复杂的查询逻辑。例如,`RowSelect`处理分页算法,`FilterSet`...
IGrid提供了丰富的事件,如CellClick、RowSelect、ColumnResize等,开发者可以通过监听这些事件来实现用户交互逻辑。例如,当用户点击某个单元格时,可以触发一个自定义的事件处理函数,执行特定的操作。 4. **...
ADF提供了`pageChange`和`rowSelect`等事件,可以用来更新后台数据或执行其他业务逻辑。 ```xml <af:commandActionListener action="#{controller.rowSelected}" event="rowSelect"/> <!-- 表格列定义 --> ``...
例如,可以通过监听`rowselect`事件来实现在行被选中时触发的自定义操作。 7. **插件扩展**:GridPanel可以与其他ExtJS组件和插件结合使用,如行选择器(RowSelectionModel)、检查列(CheckColumn)和拖放排序...
5. **事件处理**:AJAX网格控件通常有许多可触发的事件,如RowSelect、DataBound等,开发者可以通过C#代码处理这些事件,实现特定的业务逻辑或用户交互反馈。 6. **性能优化**:在处理大量数据时,可能会采用分页和...
ADF 提供了`rowSelect`事件,可以在JavaScript或后台Bean中进行处理。在Bean中,可以通过`setRowKey`方法获取选定行的数据键值,然后根据需求加载该行的详细信息。 2. **弹出窗口(Popup)创建**:ADF 提供了`AFW_...