`
福将1032
  • 浏览: 44679 次
文章分类
社区版块
存档分类
最新评论

Ext 表格及表格中字段值获取

EXt 
阅读更多

1.      // 表格添加双击事件
           grid.addListener('celldblclick',function(grid,rowIndex,colIndex,e){
               if (colIndex == 8) {
                   addWindow = new Ext.Window( {
                    title : '投注号码详情',
                    width : 840,
                    autoHeight : false,
                    autoScroll :true,
                    height : 100,
                    resizable : false,
                    modal : true,
                    closeAction : 'hide'
                });
                var numberPanel = Joyveb.lotman.customer.js_showTzNumber.show(grid.store.getAt(rowIndex).get('wagerdata'));
                addWindow.add(numberPanel);
                addWindow.show();
                  
               }
           });

 

 

2.function GridSum(grid) {
       
        var wonBoards = 0;
        grid.store.each(function(record) {
           
            wonBoards += Number(record.data.bonus);
        });

        var n = grid.getStore().getCount();// 获得总行数
        var p = new Ext.data.Record({
            seq: "",
            gamename : "",
            periodnum : "",
            award : "合计",
            awardcount : "",
            perbonus : "",
            bonus : wonBoards
        });
        grid.store.insert(n, p);// 插入到最后一行
    }

 

 

3.{
            header : '详情',
            dataIndex : 'details',
            align : 'center',
            width : 100,
            renderer : function(value, metadata, record, rowIndex,
                    colIndex, store) {
                if (record.get("period") == '合计') {
                    return "";

                } else {
                    var contentId = Ext.id();
                    function createGridButton() {

                        return new Ext.Button({
                            text : '票详情',
                            iconCls : 'select',
                            handler : function() {

                                createDetailViewWindow(record);
                            }
                        }).render(document.body, contentId);
                    }
                    var btn = createGridButton.defer(1, this,
                            [ contentId ]);
                    return ('<div id="' + contentId + '"/>');
                }

            },
            sortable : false
        }

 

 

分享到:
评论

相关推荐

    EXT GridPanel获取某一单元格的值

    在EXT GridPanel中,获取某一单元格的值是常见的操作,特别是在实现自定义事件处理或数据验证时。 在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件...

    ExtJs表格点击超链接获取行的值

    在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...

    Ext表格中增删改查实例

    首先,我们需要了解`Ext.grid.Panel`,它是Ext JS中的主要表格组件。这个组件可以显示大量数据,并提供了分页、排序、过滤等多种功能。在"增删改查"实例中,我们将利用`Ext.grid.Panel`的配置项和事件来实现对表格...

    Ext教程表单表格的使用

    EXT表格GridPanel是EXT JS中的另一种重要组件,用于显示和编辑结构化的数据。在示例中,`sampleGridNoPageing`是一个GridPanel实例,用于展示JSON数据。 1. GridPanel的配置项包括但不限于`frame`, `title`, `store...

    Ext下拉树、下拉表格

    4. 配置下拉组合框:使用Ext.form.field.ComboBox,配置其store为表格数据模型,指定显示字段和值字段,同时设置 tpl 或者 displayField 和 valueField 来定制显示和选择项。 在myEclipse的Web项目中,你需要将这些...

    Jquery仿Ext表格flexigrid

    **jQuery仿Ext表格Flexigrid详解** Flexigrid是一款基于jQuery的开源表格插件,它在功能和用户体验上模仿了Ext JS的Grid组件。这款插件以其轻量级、高效和丰富的特性,深受Web开发者喜爱,尤其适用于需要展示大量...

    Ext Panel拼揍表格模板.rar

    在Ext Panel中创建表格通常涉及到以下步骤: 1. **引入必要的库**:首先,你需要在HTML文件中引入Ext JS库,包括主JS文件和主题CSS文件。 2. **定义数据源**:表格的数据通常来自一个Store对象,你需要创建一个...

    ext可编辑表格

    EXT可编辑表格结合了EXTJS的灵活性和强大功能,提供了直观、交互式的数据编辑体验,常用于需要用户在表格中直接修改数据的应用场景,如数据录入、管理或报表编辑等。开发者可以根据需求定制编辑器类型,以及添加各种...

    Ext表格控件和树控件

    ### Ext表格控件和树控件 #### 表格控件 ##### 1.1 基本表格 `GridPanel` 在Ext JS框架中,`GridPanel` 是一种用于展示和管理表格数据的重要组件。它提供了丰富的功能,例如排序、缓存、拖动列、隐藏列、自动显示...

    Ext 编辑表格视频教程

    在视频教程中,`extdwrgrid.zip`可能包含了关于如何结合DWR和Ext Grid的示例,以便在表格中编辑数据时实现实时的后台同步。 6. **Data Store**: Ext的Data Store是用于存储和管理数据的组件,它可以与各种数据源...

    Ext左树有表格 增删改查

    在"Ext左树有表格 增删改查"这个主题中,我们主要关注的是ExtJS如何实现左侧树形结构与右侧表格的交互,以及在这样的布局中进行数据的增、删、改、查操作。 首先,ExtJS中的树形组件(TreePanel)可以用来展示层级...

    表格Ext js源代码

    在本资源中,我们关注的是"表格Ext js gird源代码",这涉及到Ext JS中的Grid Panel组件,它是展示和操作数据集的主要工具。 Grid Panel是Ext JS中的核心组件之一,用于显示结构化的数据,通常以表格的形式。它支持...

    ext的表格行编辑(roweditor)实现(c#)

    在EXT JS这个强大的JavaScript框架中,RowEditor是一个非常实用的功能,尤其对于数据处理密集型的应用,如企业级的后台管理系统。RowEditor允许用户直接在表格的行内进行编辑,提供了直观且高效的用户体验。本教程将...

    一个简单的Ext样例,实现了一个表格功能

    在这个“一个简单的Ext样例”中,我们看到它被用来实现了一个具有表格功能的应用。这个表格不仅展示了数据,还具备了动态操作的能力,如自动排序和增删列,这使得用户交互更加直观和高效。 首先,我们要理解ExtJS中...

    Ext 可编辑表格

    此外,Ext表格还支持行级编辑(row editing)或单元格级编辑(cell editing)。你可以通过`Ext.grid.plugin.RowEditing`或`Ext.grid.plugin.CellEditing`插件实现这一功能。编辑模式可以通过监听表格的`celledit`或`...

    JSP中使用EXT实现grid table

    总的来说,EXT Grid是JSP开发中实现Ajax数据表格的强大工具,它提供了一系列高级特性和灵活的配置选项,使开发者能够快速构建高效且用户友好的数据展示界面。通过熟练掌握EXT Grid的使用,你可以提高Web应用的交互性...

    Ext获取对象

    `Ext.data.Model`是数据模型,通过`modelInstance.get(fieldName)`可以获取模型实例的字段值。 5. **事件监听**: 在Ext JS中,可以使用`addListener`或简写形式`on`来监听对象的事件。例如,`button.on('click', ...

    ext4 表格分页实例代码

    EXT JS中的表格分页通常通过Grid Panel组件实现,该组件可以与数据存储(Store)配合,数据存储负责管理数据,包括加载、过滤、排序和分页。分页功能由Pager Toolbar组件提供,它是一个可自定义的工具栏,包含导航...

    Ext 添加功能form表单实例

    综上所述,这个实例展示了如何在Ext中创建一个完整的表单,包括表单的布局、字段的定义及验证、按钮及事件处理等多个方面。对于初学者来说,这是一个很好的学习资源,可以帮助他们快速掌握如何使用Ext构建复杂的Web...

    Ext扩展控件-----可以在代码中动态为表格增加一列或者删除一列

    在EXT JS这个强大的JavaScript框架中,开发者经常需要处理各种数据展示和操作,而表格(Grid)是其中常用的一种组件。EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强...

Global site tag (gtag.js) - Google Analytics