`
wentry
  • 浏览: 13356 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex4.5在DataGrid中对单元格进行验证

阅读更多

效果图:



只对指定列进行验证,并显示验证结果提示信息


因为开始的时候思路不对,所以白忙活了一天,最后还是利用flex的渲染器来实现这个功能。
现在经常有这样的需求,就是从后台查询到数据时,要对数据进行增删改操作,其中还要进行数据校验。可以对某一行进行校验,也可以对这一行数据中的某一列进行校验,同时显示提示信息。

在官网上看到flex提供的例子,但是那是4.0之前的版本,而且还不是我想要的效果,我学的是flex4.5,利用组件时,flex经常会提示说某某组件在4.0版本之后建议改用成某某组件了,我是个老实的孩子呀,就按照adobe的提示,使用新的组件来开发。现在flex4.5的参考资料在网上可少,希望以后多些。

思路就是:
在DataGrid中(我用的是spark.components.DataGrid),利用flex的渲染器itemRenderer来显示需要的效果。我本来想用itemEditor,但是这个在显示时,不能覆盖父类的显示,所以我就用itemRenderer。

<s:DataGrid width="100%" height="90%"
dataProvider="{productList}" // 说明:productList是我绑定的数据
editable="true"
requestedRowCount="4"
selectionColor="#a8c6ee"
>
    <s:GridColumn headerText="产品描述" editable="false" >
        <s:itemRenderer >
            <fx:Component >
                <s:GridItemRenderer   >
                    <fx:Declarations>
                        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
                        <mx:RegExpValidator source="{productDesc}" 
                        property="text"
                        expression="填写要验证的正则表达式" //
                        noMatchError="填写验证不通过时显示他提示信息"
                       />
                    </fx:Declarations>
                    <s:TextInput id="productDesc"
                     width="98%" height="98%" x="1" y="2"   > </s:TextInput>
                </s:GridItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:GridColumn>
</s:DataGrid>




  • 大小: 26.3 KB
分享到:
评论

相关推荐

    Flex4.5之DataGrid表格组件的运用.pdf

    ### Flex4.5中DataGrid表格组件的详细运用 #### 16.1 DataGrid的认识 ...在实际开发过程中,还可以进一步对DataGrid进行更多的定制化操作,例如自定义样式、动态加载数据等,从而满足不同的业务需求。

    Flex 4.5 实现tree拖拽到任意组建

    本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...

    WPF DataGrid合并单元格(模板列嵌套DataGrid)

    在描述中提到的"非真正合并",实际上是指我们在DataGrid中创建的每个单元格都是独立的,只是通过样式和布局设置使得相邻的单元格在视觉上表现为一个大的单元格。这种方式的优势在于,它仍然保留了每个单元格的独立性...

    Flex4.5常见问题总结

    在Flex中,可视化组件具备以下关键特性: 1. **尺寸**:控制组件的大小和位置,支持绝对值和百分比设定。 2. **事件**:用于响应用户操作,如点击、拖动等。 3. **样式**:调整组件的外观,包括颜色、字体等。 4. *...

    wpf中datagrid动态设置单元格背景

    当我们需要根据数据的某些条件动态改变`DataGrid`中单元格的背景颜色时,就需要对控件进行一些定制化操作。以下将详细讲解如何实现这个功能。 首先,我们需要理解`DataGrid`的基本结构。`DataGrid`的每一行由多个`...

    wpf DataGrid 实现单击单元格进入编辑状态

    在Windows Presentation Foundation (WPF) 中,DataGrid控件是一个非常强大的数据展示和编辑工具,它允许用户以表格形式查看和操作数据。本教程将详细解释如何实现通过单击单元格来进入编辑状态,特别是在...

    WPF Datagrid 合并单元格

    在标准的Datagrid中,合并单元格通常涉及到对行和列的范围进行设置。在WPF中,可以通过自定义控件或扩展Datagrid的默认行为来实现复杂的合并功能。描述中的"支持位置拖动、列宽度拖动"意味着这个实现还考虑了用户...

    Flex4.5导入Excel/csv到DataGrid及DataGrid右键

    - 在Flex中,我们可以使用ContextMenu类创建右键菜单,并通过contextMenu属性将其关联到DataGrid。 - 首先,创建ContextMenu实例,然后添加MenuItem或其他自定义菜单项。 - 使用DataGrid的itemClick事件,检查...

    DataGrid简单实现合并单元格

    真实的单元格合并通常涉及到数据结构的调整,这在WPF DataGrid中并不容易实现,尤其是在动态数据场景下。因此,对于复杂的合并需求,可能需要考虑其他解决方案,如使用更高级的报表工具或自定义控件。

    FLEX4 s:dataGrid单元格弹出可文本

    在给定的标题“FLEX4 s:dataGrid单元格弹出可文本”中,我们关注的是如何实现点击`DataGrid`的单元格后弹出一个自定义组件,展示更多或更详细的信息。 在Flex4中,我们可以利用事件监听和自定义组件来实现这一功能...

    在DataGrid控件中设置单元格的数据显示格式.

    总之,设置DataGrid控件中单元格的数据显示格式是通过多种方式实现的,具体选择哪种方法取决于你的具体需求和项目环境。合理利用这些技术,可以使得数据的呈现更加符合用户的阅读习惯,提高用户体验。在实际开发过程...

    wpf 动态合并datagrid表头单元格

    以上就是关于在WPF中动态合并Datagrid表头单元格的核心知识点。通过自定义列类型和HeaderTemplate,结合数据绑定和视图模型,我们可以实现灵活且强大的表头合并功能,使数据展示更加清晰、易读。在实际项目中,可以...

    WPF.DataGrid.MergeRow

    在某些场景下,我们可能需要对DataGrid的行或单元格进行合并,以达到更美观或者特定的信息展示效果。标题"WPF.DataGrid.MergeRow"和描述中的"实现功能:WPF下DataGrid实现行单元格合并"正是针对这个需求的解决方案。...

    datagrid合并单元格,MecGrid实现

    在本话题中,我们将深入探讨如何在Flex环境中使用`MecGrid`实现`datagrid`的单元格合并功能。 Flex是一种由Adobe开发的开源框架,用于构建富互联网应用程序(RIA)。`Datagrid`是Flex提供的一个核心组件,它允许...

    wpf datagrid 单元格颜色 根据条件改变颜色 例子

    本篇文章将详细讲解如何在WPF中实现DataGrid单元格颜色根据条件改变。 首先,我们需要了解WPF DataGrid的基础知识。DataGrid通常通过绑定到数据源(如ObservableCollection或ICollectionView)来显示数据。每个...

    datagrid代码改变单元格宽度

    在本篇文章中,我们将深入探讨如何通过代码方式调整 datagrid 中单元格的宽度。这个问题源自一个具体的编程场景:用户希望动态地控制 datagrid 内各列的宽度,以实现更佳的数据展示效果或适应不同的界面布局需求。...

    Visual C++源代码 143 如何在DataGrid单元格中添加组合框

    Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格...

    datagrid单元格上点击弹出窗口(官网例子)

    在标题“datagrid单元格上点击弹出窗口(官网例子)”中提到的功能,是实现用户在datagrid的某一单元格上点击时,能够弹出一个窗口以进行更详细的操作或编辑。这个功能通常用于提升用户体验,使得复杂的数据操作变得...

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

Global site tag (gtag.js) - Google Analytics