<?xml version="1.0"?>
<!-- Main application to print a DataGrid control on multiple pages. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
initialize="initData();">
<mx:Script>
<![CDATA[
import mx.printing.*;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
import mx.events.ItemClickEvent;
// Declare variables and initialize simple variables.
[Bindable]
public var dgProvider:ArrayCollection;
public var footerHeight:Number=20;
public var prodIndex:Number;
public var prodTotal:Number=0;
// Data initialization.
public function initData():void
{
// Create the data provider for the DataGrid control.
dgProvider=new ArrayCollection;
}
// Fill the dgProvider ArrayCollection with the specified items.
public function setdgProvider(items:int):void
{
prodIndex=1;
dgProvider.removeAll();
for (var z:int=0; z < items; z++)
{
var prod1:Object={};
prod1.Qty=prodIndex * 7;
prod1.Index=prodIndex++;
prodTotal+=prod1.Qty;
dgProvider.addItem(prod1);
}
}
//add function
public function addFunction()
{
var prod2:Object={};
prod2.Qty=11 * 7;
prod2.Index=22;
dgProvider.addItem(prod2);
}
//del function
public function delFunction()
{
if (myDataGrid.selectedItems == null)
return;
var index:int=null;
var seledIndexs:Array=myDataGrid.selectedIndices;
for (var i=0; i < seledIndexs.length; i++)
{
index=seledIndexs[i];
dgProvider.removeItemAt(index);
}
}
//mod function
public function modFunction()
{
var index:int=myDataGrid.selectedIndex;
if (index < 0)
return;
dgProvider.enableAutoUpdate();
var obj:Object=dgProvider.getItemAt(index);
obj.Qty=11111111111111111 * 7;
obj.Index=222222222222222222;
//下面的这句必须要加上,目标是 局部更新页面显示
dgProvider.itemUpdated("", "", "", "");
}
private function clickHandler(event:ItemClickEvent):void
{
if (event.label == "增加")
{
addFunction();
}
else if (event.label == "删除")
{
delFunction();
}
else if (event.label == "修改")
{
modFunction();
}
else if (event.label == "查找")
{
setdgProvider(int(dataItems.text))
}
}
]]>
</mx:Script>
<mx:Panel title="DataGrid 的增删改查 实例"
height="75%"
width="75%"
paddingTop="10"
paddingBottom="10"
paddingLeft="10"
paddingRight="10">
<mx:VBox>
<mx:Text width="100%"
color="blue"
text="Specify the number of lines and click Fill Grid first. Then you can click Print."/>
<mx:TextInput id="dataItems"
text="5"/>
<mx:ButtonBar itemClick="clickHandler(event);">
<mx:dataProvider>
<mx:Array>
<mx:String id="add">增加</mx:String>
<mx:String id="del">删除</mx:String>
<mx:String id="mod">修改</mx:String>
<mx:String id="search">查找</mx:String>
</mx:Array>
</mx:dataProvider>
</mx:ButtonBar>
<!--
选用AdvancedDataGrid的原因是此控件支持多选。
-->
<mx:AdvancedDataGrid id="myDataGrid"
selectable="true"
selectionMode="multipleRows"
dataProvider="{dgProvider}">
<mx:columns>
<mx:AdvancedDataGridColumn dataField="Index"/>
<mx:AdvancedDataGridColumn dataField="Qty"/>
</mx:columns>
</mx:AdvancedDataGrid>
</mx:VBox>
</mx:Panel>
</mx:Application>
分享到:
相关推荐
ActionScript3 Flex初级入门,实现Flex增删改查,初级入门的Flex初级程序员可以看看
flex增删改查例子(完整版)
非常强大的一个示例,里面增删改查全都有,并且每一句重要代码都有注释为你解释。,不要错过!
flex 操作xml 实现增删改查flex 操作xml 实现增删改查flex 操作xml 实现增删改查flex 操作xml 实现增删改查flex 操作xml 实现增删改查
flex+java工程 博文链接:https://guoweisong.iteye.com/blog/724157
flex 简单demo ---包含:增,删,改,查的实际应用
flex+java实现增删改查Dome,下载完后将blazeds.war下载jar copy过去即可运行,本程序只供参考。
flex访问netwebservice实现程序的增删改查,通用数据适合oracle ,sql,access数据库,时间仓促不是很完善,但是基本功能都实现。
flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex简单例子,flex...
flex链接java增删改查,mysql数据库
Flex+servlet增删改查附带视频,视频很详细。从建工程开始到完成增加工能、
flex通过java实现增删改查 特别适合初学者 希望对你们有用处
Flex 自定义DataGrid,带增删改查等各种功能.列锁定,序号等各种功能.
flex+java 通过blazeds完美结合实现增删改查功能
flex技术实现数据的增删改查,数据的回显以及颜色的背景设置和柱形的数据变化
Flex操作XML实现增删改查.pdf
简单的flex与Java整合(完整的增删改查) 对于学习flex与Java交互的初学者来说是非常容易入手的。
NULL 博文链接:https://blessht.iteye.com/blog/1132470
flex4 简单增删改实例flex4 简单增删改实例flex4 简单增删改实例
简单flex前台,java做为服务端,mysql作为数据库的增删改查程序。