`

DataGrid删除

阅读更多
http://www.iflex4.com/Flex3/Flex3Advanced/2011/0310/173.html

原代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical" fontSize="12" verticalAlign="middle" backgroundColor="white">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
         import mx.events.ItemClickEvent;
            [Bindable]        
            public var users:ArrayCollection =new ArrayCollection(
               [{ida:1,username:"aaa", dept:"开发部"},     
                        {ida:2,username:"bbb", dept:"产品部"},     
                      {ida:3,username:"ccc", dept:"开发部"},                        
                   {ida:4,username:"ddd", dept:"产品部"}]);  
            private function shanchu(evt:Object):ArrayCollection{
                var item:Object = dataGrid.selectedItem;
                var idx:int = users.getItemIndex(item);
                users.removeItemAt(idx);
                return users;
            }
        ]]>
    </mx:Script>
    <mx:Panel title="单击选中的元素并删除">
        <mx:DataGrid id="dataGrid"
                dataProvider="{users}" itemClick="{shanchu(dataGrid.selectedItem)}">
            <mx:columns>
                <mx:DataGridColumn dataField="ida"
                        headerText="ida" />
                <mx:DataGridColumn dataField="username"
                        headerText="username" />
                <mx:DataGridColumn dataField="dept"
                        headerText="dept" />
                <mx:DataGridColumn dataField="c4"
                        headerText="Column 4" />
            </mx:columns>
        </mx:DataGrid>
    </mx:Panel>
</mx:Application>


分享到:
评论

相关推荐

    easyui datagrid 删除多行操作

    easyui datagrid 删除多行操作时会出现异常,该方法可以直接加载一次数据,避免该问题的发生

    可删除列的datagrid

    标题中的“可删除列的datagrid”指的是在编程中,特别是在数据展示和操作的场景下,使用的一种组件或控件。Datagrid(数据网格)通常用于显示结构化的数据,如数据库表格,用户可以对其进行查看、编辑和操作。在这个...

    为DataGrid添加确认删除的对话框

    ### 为DataGrid添加确认删除的对话框 在Web开发中,经常需要处理用户界面的各种交互操作,其中就包括对数据进行增删改查。在ASP.NET Web Forms中,DataGrid是一个非常常用的控件,用于展示和编辑数据。为了提高用户...

    DataGrid删除确认及Item颜色交替

    在实际应用中,我们经常需要对DataGrid的功能进行扩展,例如增加删除确认功能以及实现行颜色的交替显示,以提升用户体验。以下是对这两个功能的详细解释和实现方法。 首先,关于DataGrid的删除确认功能,通常我们会...

    DataGrid弹出删除按钮的例子

    DataGrid弹出删除按钮的例子,通俗易懂,能快速理解该技术,无方法。

    vs2003用CheckBox实现DataGrid的多行删除源码.rar

    本资源"vs2003用CheckBox实现DataGrid的多行删除源码.rar"提供了一种方法,通过在DataGrid中添加CheckBox控件来实现用户选择多行,然后一次性删除所选行的功能。以下是对这个技术点的详细解释: 1. **DataGrid控件*...

    jeasyui-datagrid-datagrid

    DataGrid作为其中的重要组件,主要用于显示结构化的数据,并支持多种操作,如添加、编辑、删除、排序、分页等。 2. **DataGrid的基本结构** DataGrid的HTML结构通常包括一个table元素,以及对应的id属性,例如`...

    C#WPF之DataGrid用法

    可以在DataGrid中为每行添加一个复选框,用户勾选后可以通过一个“删除”按钮将选中的数据从数据集中移除。 ##### 3. 修改数据 对于编辑功能,可以通过双击DataGrid的某一行或某一单元格来激活编辑模式。此时,用户...

    Wpf datagrid 增删改查

    本例子是wpf中datagrid的增加修改,对于datagrid中的canuseraddrows=true,对当前空白行进行的添加数据,修改时,鼠标离开焦点可自动更新数据库,删除等等。不需要多余的界面进行添加修改等,利用datagrid的属性,...

    bootstrap的datagrid组件

    开发者可以通过监听这些事件来实现自己的业务逻辑,比如编辑数据、删除记录或者跳转到其他页面。 7. **插件集成**: Bootstrap DataGrid往往与其他插件协同工作,例如,与jQuery UI的日期选择器配合可以方便地处理...

    wpf通过datagrid操作数据库,实现datagrid增删改操作。

    在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)环境中使用DataGrid控件来操作数据库,实现数据的添加、删除和修改功能。DataGrid是WPF中的一个强大控件,它允许用户以表格的形式展示和编辑...

    WPF DataGrid 拖拽实现

    这可能涉及到对数据集合的重新排序、插入或删除操作。确保这些操作与用户界面同步,以提供良好的用户体验。 注意,为了使拖放操作流畅,你可能还需要处理其他一些细节,比如禁用默认的选中行行为,以及处理嵌套...

    WPF MVVM 模式使用DataGrid

    ObservableCollection是.NET Framework提供的一种动态数据集合,当集合中的元素添加、删除或更改时,会通知视图更新。 2. **列定义**:在MVVM模式下,DataGrid的列可以通过两种方式定义:自动根据数据源生成或在XAML...

    DataGrid连接Oracle

    在IT领域,尤其是在开发数据库应用时,`DataGrid`、`Oracle` 和 `Timer` 是三个重要的组件。这里,我们详细探讨一下如何使用 `DataGrid` 连接 `Oracle` 数据库,实现数据的添加、修改、查找以及定时刷新功能。 `...

    vb中datagrid控件的详细使用方法

    如果你需要自定义列,可以使用`Columns`集合来添加、删除或修改列。例如,添加一个文本列: ```vb Dim gridColumn As New DataGridTextBoxColumn gridColumn.HeaderText = "ColumnName" gridColumn.DataField = ...

    DataGrid控件使用技巧

    #### 二、DataGrid删除确认及Item颜色交替 1. **删除确认**:当用户点击删除按钮时,通常需要弹出一个确认对话框以避免误操作。这可以通过修改`DataGridItemEventArgs`的`ItemDataBound`事件实现。 ```csharp ...

    easy ui datagrid项目完整源代码

    《jQuery Easy UI Datagrid 完整项目源代码详解》 jQuery Easy UI 是一款基于 jQuery 的前端框架,它提供了一系列的组件,使得开发者可以快速构建出美观且功能丰富的 Web 应用程序。其中,Datagrid 是 Easy UI 的...

    WPF中DataGrid主从数据(父子数据)展示

    4. 交互逻辑:在ViewModel中处理数据加载、添加、编辑和删除等操作。确保当主记录选择改变时,子DataGrid能够自动更新其数据源。这可能需要实现INotifyPropertyChanged接口,以便在数据更改时通知视图。 5. 动态...

    WPF中DataGrid的空白行使用方法

    在Windows Presentation Foundation (WPF) 中,`DataGrid` 是一个强大的控件,用于显示和编辑数据集。本文将深入探讨如何在`DataGrid`中使用空白行,这对于某些应用场景,如添加新记录或保留用户输入的空间,是很...

    datagrid 的用法

    DataGrid支持许多功能扩展,如排序、分页、行选择、编辑和删除: - 排序:通过设置`AllowSorting="true"`,并处理`SortCommand`事件。 - 分页:设置`AllowPaging="true"`,处理`PageIndexChanged`事件。 - 编辑和...

Global site tag (gtag.js) - Google Analytics