`

根据文本框输入的内容匹配gridpanel中的数据,查找到第一项就break

阅读更多
var searchButton = new Ext.Button( {
renderTo : 'businessUserQuery',
text : "<span style='font-size:12px'>查询</span>",
iconCls : 'addx',
autoHeight : true,
width : 60,

bodyStyle : 'padding: 5px',
handler : function() {
//标志位,查找到第一个,就退出遍历
    var flag = 0;
    var searchTxt = search.getValue();
    for(var i = 0; i < store.getCount();i++)
    {
    //用输入内容searchTxt创建正则表达式对象,忽略大小写。
            var re = new RegExp(searchTxt,"ig");
            var num = String(store.getAt(i).get("number"));
            //在字符串num中查找匹配。 
            var r = num.match(re);
    if(r != null)
    {
                               //找到匹配项就把这一行选中
    userGrid.getSelectionModel().selectRow(i);
    break;
    }
    }
}
});

var search = new Ext.form.TextField( {
renderTo : 'businessUserSearch',
Height : 40,
width : 120,
bodyStyle : 'padding: 5px;',
handler : function() {

}
});

var userData = new Array();
    var store = new Ext.data.ArrayStore({
        fields: [
            {
                name: 'number'
            }
        ]
    });
    store.loadData(userData);

    var cm = new Ext.grid.ColumnModel({
        columns:[
            userGrid_sm,
            {
                id:"number",
                header:"用户号码",
                width: 200,
                align:'center',
                dataIndex:"number",
                editor: new Ext.form.NumberField({
                allowBlank: false,
                minLength:1,
                maxLength:15
            })
            }]});

    var userGrid = new Ext.grid.EditorGridPanel({
        sm:userGrid_sm,
        cm:cm,
        height:380,
        width: 1081,
        frame: true,
        store:store
    });
userGrid.render('businessEditorGrid');
分享到:
评论

相关推荐

    Ext GridPanel 中实现加链接操作

    Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接操作,包括基本原理、代码实现及注意事项。 #### 一、Ext GridPanel 基础 在了解如何添加链接之前...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    Ext的gridpanel控件二次加载问题

    然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要源于GridPanel的生命周期管理和内存管理机制。为了解决这个问题,我们需要深入理解Ext JS的...

    GridPanel中的单元格不能选中复制的解决方法

    Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...

    Extjs中的GridPanel

    GridPanel 是 ExtJS 中的核心组件之一,它提供了一种高效、可定制的方式来展示大量结构化数据。在这个主题中,我们将深入探讨 GridPanel 的关键特性和使用方法。 1. **GridPanel 基本结构**: GridPanel 包含了行...

    EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化

    在这个例子中,列2的宽度将是列1的两倍,且会根据内容自动调整以适应最长的数据项。 此外,EXTJS还提供了`autoWidth`属性,可以使得列的宽度根据其内容自动调整。但这并不意味着列宽会随着数据的变化而实时更新,它...

    EXTJSEXT实例GridPanel.

    GridPanel是EXTJS中的一个核心组件,它允许开发者以网格形式展示数据,支持多种功能,如排序、分页、筛选、编辑等。在EXTJS中,GridPanel通常与Store结合使用,Store负责管理数据,而GridPanel则负责显示这些数据。 ...

    GridPanel的小难点 第一节 每条数据后面跟随几个操作按钮

    在本节中,我们将深入探讨一个常见的前端开发问题,即如何在GridPanel中为每条数据添加多个操作按钮。GridPanel通常用于展示表格数据,并允许用户进行交互操作,如编辑、删除或执行其他业务逻辑。在Web应用中,特别...

    Extjs入门教程(treePanel和GridPanel)

    在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态加载或更新GridPanel的数据,以及可能的父子数据联动操作。 在实际应用中,你可能会学习到以下...

    Extjs4实现两个GridPanel之间数据拖拽功能具体方法

    例如,可以通过drop事件监听器来判断数据项是否需要移动还是仅仅是复制,如果是移动,那么从源GridPanel的store中删除该数据项,并将它添加到目标GridPanel的store中。如果是复制,则只需将数据项复制到目标...

    gridpanel常用操作

    总结来说,`GridPanel`在Extnet中的操作涉及到行选择、数据交互、行操作以及窗口交互等核心功能。熟练掌握这些操作对于构建动态且交互性强的Web应用至关重要。理解并运用上述知识点,开发者能够有效地管理数据,提供...

    gridPanel添加按钮

    在IT行业中,尤其是在Web开发领域,`gridPanel`通常指的是数据网格组件,它用于展示和管理大量的结构化数据。在本话题中,我们讨论的是如何在`gridPanel`中添加按钮,这涉及到前端用户界面的设计和交互。`gridPanel`...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    给Extjs的GridPanel增加“合计”行

    在EXTJS中,GridPanel是一种常用的组件,用于展示表格数据。在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加...

    GridPanel属性详解

    - **描述**:`store`是`Ext.grid.GridPanel`中必不可少的一项配置,它指定了表格的数据源。通常,这会是一个`Ext.data.Store`实例,该实例负责存储表格所需的数据。 2. **columns** - **描述**:`columns`配置...

    GridPanel打印

    在打印时,我们可能需要考虑如何处理分页数据,比如合并多页内容到一张纸上,或者为每一页创建单独的打印任务。 "PrinterFriendly.js"文件很可能是实现GridPanel打印功能的核心脚本。在这个脚本中,开发者可能编写...

    tapestry4.02中封装ext的GridPanel组件

    GridPanel是ExtJS中的一个核心组件,用于展示数据网格,通常用于数据的浏览、排序和编辑。它具有高度定制性,可以处理大量数据并提供丰富的交互功能。 在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将...

    改变gridpanel的行颜色

    #### 第一种情况:加载数据时改变列的颜色 当数据被加载到GridPanel中时,我们可以通过定义特定的CSS类并结合renderer函数来改变特定列的背景颜色。以下是一个示例: ```javascript // 定义一个样式(以红色背景为...

    Ext.grid.GridPanel属性祥解

    `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。对于初学者或者希望深入理解`GridPanel`特性的Web开发人员来说,掌握其...

Global site tag (gtag.js) - Google Analytics