自定义DataGrid显示的办法
来源:互联网 发布:魅影坐骑进阶数据 编辑:程序博客网 时间:2024/05/18 00:23
代码代码,依然是代码,下面这个是一个自定义了特定列,和特定列的单元格的DataGrid(当然,这两个不再在一列上):
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var initDG:ArrayCollection = new ArrayCollection([
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, SalePrice: true },
{Artist:'Pavement', Album:'Brighten the Corners',
Price:11.99, SalePrice: false }
]);
]]>
</mx:Script>
<mx:DataGrid id="myGrid"
dataProvider="{initDG}"
variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn dataField="Artist" itemRenderer="item.RendererDGHeader"/>
<mx:DataGridColumn dataField="Album"/>
<mx:DataGridColumn dataField="Price"/>
<mx:DataGridColumn width="150" dataField="SalePrice"
headerRenderer="item.RendererDGHeader"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var initDG:ArrayCollection = new ArrayCollection([
{Artist:'Pavement', Album:'Slanted and Enchanted',
Price:11.99, SalePrice: true },
{Artist:'Pavement', Album:'Brighten the Corners',
Price:11.99, SalePrice: false }
]);
]]>
</mx:Script>
<mx:DataGrid id="myGrid"
dataProvider="{initDG}"
variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn dataField="Artist" itemRenderer="item.RendererDGHeader"/>
<mx:DataGridColumn dataField="Album"/>
<mx:DataGridColumn dataField="Price"/>
<mx:DataGridColumn width="150" dataField="SalePrice"
headerRenderer="item.RendererDGHeader"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
大家可以看出,columns这个标签的设置确定了他是采用什么ItemRender,而columns是什么呢?他是一个属性,类型是一个以DataGridColumn为元素的Array,这个DataGridColumn有两个属性我们注意一下,那是我们这篇文章的核心,那就是itemRender和headerRender,顾名思义,分别是定义单元格和列标题头的对应属性名,我写了一个自定义的itemRender,代码如下:
<?xml version="1.0"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
[Embed(source="/xtal_03.png")]
[Bindable]
public var sale:Class;
]]>
</mx:Script>
<mx:Label text="Sale Price!"/>
<mx:Image height="20" width="20" source="{sale}"/>
</mx:HBox>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
[Embed(source="/xtal_03.png")]
[Bindable]
public var sale:Class;
]]>
</mx:Script>
<mx:Label text="Sale Price!"/>
<mx:Image height="20" width="20" source="{sale}"/>
</mx:HBox>
- 自定义DataGrid显示的办法
- easyUI自定义datagrid的列显示
- DataGrid 自定义分页显示
- Flex DataGrid列信息显示不下的处理办法(指向显示全部)
- DataGrid 自定义显示代码示例
- 自定义事件的办法
- DataGrid 中双向排序的一种办法
- DataGrid 中双向排序的一种办法
- DataGrid 中双向排序的一种办法
- Flex 自定义Tooltip 显示<s:datagrid>只显示行长标题的Tooltip
- DataGrid列自定义显示(模板)
- dataGrid显示另外一个dataGrid的数据(dataGrid移植)
- 让DEDE内容模型自定义字段在搜索结果中显示的办法
- 动易自定义标签,显示文章列表(无脑的笨办法)
- EasyUI中,datagrid页码上的自定义按钮不显示问题
- DataGrid的自定义分页UserControl
- DataGrid的自定义分页UserControl
- DataGrid自定义分页的使用
- 什么是MSMQ
- WAP学习(2)--关于WAP 2.0
- 利用css和js实现firefox和IE都支持的页面局部打印
- 使用Jfreechart 在applet中画动态曲线图
- 我的第一片CSDN博文
- 自定义DataGrid显示的办法
- EJB3最新的EJB标准
- 第二人生的源码分析(4)Log调试功能的实现
- 辞旧迎新,2008,新的自我!
- C#面向对象设计模式纵横谈 学习笔记5 Factory Method 工厂方法(创建型模式)
- MSN机器人已通过审核
- Pku acm 3356 AGTC 动态规划题目解题报告(十)
- wxWidgets动态事件表爱好者备查手册
- zz世界名校讲座视频及录音,绝对精华!