有如下一个简单的VO,有两个属性name和capacity.
public class Volume
{
public function Volume(name:String,capacity:int)
{
this.name=name;
this.capacity=capacity;
}
private var _name:String;
private var _capacity:int;
}
现在想在DataGrid中显示capacity的时候,后面加上"GB".那么有如下三种方法
1 在Volume中加一个get方法(感觉破坏了vo的纯洁性,不推荐)
public function get capacityInGB():String{
return _capacity+"GB";
}
然后dataField中引用这个属性.
<s:DataGrid width="100%" dataProvider="{volumes}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="name"/>
<s:GridColumn dataField="capacityInGB"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
2 自定义itemRenderer
<s:DataGrid width="100%" dataProvider="{volumes}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="name"/>
<s:GridColumn dataField="capacity">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer>
<s:Label text="{data.capacity}GB">
</s:Label>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
3 用labelFunction
<s:DataGrid width="100%" dataProvider="{volumes}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="name"/>
<s:GridColumn labelFunction="capacityLabelFunction"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
capacityLabelFunction方法如下
private function capacityLabelFunction(data:Volume,grid:GridColumn):String{
return data.capacity+"GB";
}
第二个是用了自定义itemrender的,看来还要调一下label的位置
分享到:
相关推荐
1 20 跟我StepByStep学FLEX教程------Demo10之DataGrid 1 21 跟我StepByStep学FLEX教程------Flex和Java通信之BlazeDS 1 22 跟我StepByStep学FLEX教程------Flex和Java通信之开发方式和工具准备 1 23 跟我...
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题
给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能
Flex中如何创建自定义排序DataGrid控件的例子
jquery-easyui的扩展组件jquery-easyui-datagridview,其中的datagrid-detailview.js可方便地生成子网格,但是每行均默认生成展开按钮,实际我们希望对某些行不显示展开按钮,网上很多人提供的解决方案就是通过dom...
NULL 博文链接:https://zhangyinyou.iteye.com/blog/677161
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
flex 自定义 datagrid 列头带组合框进行过滤
【孟宪会之精彩世界】--利用ASP_NET DataGrid显示主次关系的数据.mht
在FLEX4中开发带有过滤功能的DATAGRID组件
简单的一个自定义label.根据dataGrid的数据变色.压缩包里一个是渲染器..一个是主程序....新建一个flex项目...把mxml和文件夹都放在scr下面就可以跑起来了..有问题请回复.
flex中dataGrid导出数据到excel中,不存在乱码问题
DataGrid模板列自定义控件使用,依赖属性的绑定
WPF中DataGrid自定义实现最后一行下面跟一个汇总行,类似MT4
定义按钮、单选、复选、日期等作为Datagrid的ItemRender
wpf DataGrid 自定义样式、控件模板 ControlTemplate
一个as3检索程序,包括从本地xml文件读取数据,正则条件检索后在datagrid中显示,自定义列, 列头,内容对齐方式,单元格内显示超链接等。
纯原创开发,datagrid支持表头拖拽前后,支持浏览器左右跟随鼠标滚动,表头右键支持自定义配置,恢复默认等功能,请访问jquery-easyui-1.5\demo\datagrid\columnConfig.html,所有代码都在该文件中,可以自行抽离或2次扩展
自定义的 DataGrid样式自定义的 DataGrid样式