效果图:
只对指定列进行验证,并显示验证结果提示信息
因为开始的时候思路不对,所以白忙活了一天,最后还是利用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
分享到:
相关推荐
Flex Builder4.5导入Excel和CSV文件到DataGrid中,并自定义DataGrid选中行的右键
Flex4.5之DataGrid表格组件的运用,从建立,到属性设置,自定义设置皮肤,很详细
wpf中datagrid动态设置单元格背景颜色。
Flex 4.5 实现tree拖拽到任意组建 拖到tree datagrid中并得到目标的全部数据实现添加组建
WPF中的DataGrid合并单元格,模板列内嵌套DataGrid,非真正合并
在DataGrid控件中设置单元格的数据显示格式.
该代码示例实现了在wpf中,单击DataGrid单元格进入编辑状态(DataGridCheckBoxColumn 单击切换选中状态)的功能。
FLEX4 s:dataGrid单元格弹出可文本,就是单击单元格弹出自己定义的一个组件,
datagrid代码改变单元格宽度 datagrid代码改变单元格宽度 datagrid代码改变单元格宽度
wpf 动态合并datagrid表头单元格
某一行某一列的单元格背景或字体颜色变化,某一行某一列的单元格背景或字体颜色变化
WPF Datagrid 合并单元格 复杂表头 支持位置拖动、 列宽度拖动,组内列会按比例自动调整 ;
在FLEX4中开发带有过滤功能的DATAGRID组件
Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格中添加组合框Visual C++源代码 143 如何在DataGrid单元格...
wpf datagrid 单元格颜色 根据条件改变颜色
flex的datagrid合并单元格,实现某行、某列的合并,以及多行或者多列的合并。通过MecGrid实现!
flex中的datagrid的分页定位以及高亮显示
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
flex中dataGrid导出数据到excel中,不存在乱码问题
Visual C++源代码 144 如何在DataGrid单元格设置输入提示Visual C++源代码 144 如何在DataGrid单元格设置输入提示Visual C++源代码 144 如何在DataGrid单元格设置输入提示Visual C++源代码 144 如何在DataGrid单元格...