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

Flex DataGrid之一(定义数据源直接赋值)

    博客分类:
  • Flex
阅读更多

1.第一种在datagrid组件中直接赋值。<mx:DataGrid x="210" y="184" dataProvider="{myDP}">

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	<fx:Script>
		<![CDATA[
 
			import mx.collections.ArrayCollection;

	[Bindable]  private var myDP:ArrayCollection = new ArrayCollection([
	{Artist:'Pavement', Album:'Slanted and Enchanted', Price:'(11.99)'},
	{Artist:'Pavement', Album:'Crooked Rain, Crooked Rain', Price:'(10.99)'},
	{Artist:'Pavement', Album:'Wowee Zowee', Price:'(12.99)'},
	{Artist:'Pavement', Album:'Brighten the Corners', Price:'(11.99)'},
	{Artist:'Pavement', Album:'Terror Twilight', Price:'(11.99)'}
	]);

		]]>
	</fx:Script>

	
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<mx:DataGrid x="210" y="184" dataProvider="{myDP}">
		<mx:columns>
			<mx:DataGridColumn headerText="Artist" dataField="Artist"/>
			<mx:DataGridColumn headerText="Album" dataField="Album"/>
			<mx:DataGridColumn headerText="Price" dataField="Price"/>
		</mx:columns>
	</mx:DataGrid>
 
</s:Application>


2.第二种赋值方式:datagrid.dataProvider=myDP;

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
			    initialize="init()"
			   >
	
	<fx:Script>
		<![CDATA[
 
			import mx.collections.ArrayCollection;

			
	[Bindable]  private var myDP:ArrayCollection = new ArrayCollection([
	{Artist:'Pavement', Album:'Slanted and Enchanted', Price:'(11.99)'},
	{Artist:'Pavement', Album:'Crooked Rain, Crooked Rain', Price:'(10.99)'},
	{Artist:'Pavement', Album:'Wowee Zowee', Price:'(12.99)'},
	{Artist:'Pavement', Album:'Brighten the Corners', Price:'(11.99)'},
	{Artist:'Pavement', Album:'Terror Twilight', Price:'(11.99)'}
	]);
    
	function init(){
			
		datagrid.dataProvider=myDP;
	}	
			
			
		]]>
	</fx:Script>

	
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<mx:DataGrid x="210" y="184" id="datagrid" >
		<mx:columns>
			<mx:DataGridColumn headerText="Artist" dataField="Artist"/>
			<mx:DataGridColumn headerText="Album" dataField="Album"/>
			<mx:DataGridColumn headerText="Price" dataField="Price"/>
		</mx:columns>
	</mx:DataGrid>
 
</s:Application>

 

分享到:
评论

相关推荐

    flex datagrid分页 动态绑定数据源

    Flex Datagrid是一个灵活的数据呈现控件,能够处理各种数据源,包括ArrayCollection、XMLListCollection等。它允许用户通过列定义自定义显示样式,支持排序、过滤、选择等功能,非常适合于数据密集型的应用场景。 ...

    Flex DataGrid从XML文件中加载数据

    1. **XML数据源**:在示例中,数据存储在一个名为`user.xml`的外部XML文件中。XML是一种轻量级的、自描述的数据交换格式,常用于在应用程序之间传递结构化数据。 ```xml &lt;ID&gt;213001 张三 &lt;age&gt;25 &lt;!-- 更...

    flex DataGrid设置dataProvider

    在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...

    Flex动态创建DataGrid设置图片

    类似于ItemRenderer,你可以在UIComponent中创建一个Image组件,并根据数据源动态设置图片源。 3. **应用CellFactory**: 将你的CellFactory类赋值给DataGrid的`cellFactory`属性。 ### 具体步骤 #### 对于两种...

    Flex中如何动态生成DataGrid以及动态生成表头

    4. 遍历数据源的一个样本,根据属性生成DataGridColumn实例。 5. 将生成的列添加到DataGrid的columns数组中。 6. 添加事件监听器以处理用户交互。 理解这个过程后,你可以根据具体需求调整代码,例如添加更多列,...

    Flex操作XML

    首先,为DataGrid定义列,并设置数据源: ```actionscript var dataGrid:DataGrid = new DataGrid(); dataGrid.columns = [new GridColumn("列1"), new GridColumn("列2")]; dataGrid.dataProvider = dataSet; ``` ...

    关于Flex的入门培训教材

    在上面的例子中,当用户点击“Get Data”按钮时,会触发`ws.getProducts()`方法,获取数据并更新DataGrid和LineChart的数据源。 数据绑定是Flex中一个重要的概念,它允许组件的属性自动反映模型数据的变化。如`...

    flex支持过滤的input

    在IT行业中,Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。这个场景中提到的“flex支持过滤的input”是指在Flex应用中的输入框(Input)组件,它允许用户进行模糊查询,即在输入...

    Flex技术经验和问题总结

    直接获取`DataGrid`的总数据行数并不直观,因为`DataGrid`并没有提供一个直接的属性或方法用于此目的。然而,可以通过设置`selectedIndex`属性大于实际数据行数的方式来间接获取数据行总数。当`selectedIndex`超过...

    flex中actionscript动态调用remoteobject类

    2. **AMFChannel**:AMFChannel是Flex中用于发送和接收数据的通道之一。它支持AMF格式的数据传输,是与服务器进行通信时常用的通道类型之一。 3. **ChannelSet**:ChannelSet是一个容器,用于管理多个Channel对象。...

    Oracle + jdbcTemplate + Spring + Java + Flex 实现分页

    1. **配置数据源**:在Spring的配置文件中定义数据源。 2. **定义DAO层**:在DAO层定义方法,用于调用存储过程。 3. **调用存储过程**:通过jdbcTemplate对象调用存储过程并处理返回的结果集。 示例代码如下: ```...

    flex 实现全文检索中的高亮显示代码

    itemRenderer是DataGrid(以及其他类似的Flex组件,比如List)中用于定义如何显示集合中每一项数据的渲染器。它允许开发者创建自定义的布局和外观,以此来定制化显示每个数据项。 在上述代码示例中,我们创建了一个...

    java TO ArrayCollection

    `ArrayCollection`是Flex中用于数据绑定和显示列表控件的数据源,而`List`是Java中的集合类,两者之间存在一些差异。 首先,`ArrayCollection`是ActionScript 3中的一个类,它是基于数组的,并且提供了对数据绑定的...

Global site tag (gtag.js) - Google Analytics