flex增删节查，分页demo
flex增删改查，分页demo
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
height="491"
width="100%"
initialize="initApp();"
>
<mx:Style>
.edituser {
fontFamily: 宋体;
fontSize: 13;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;
import mx.events.CloseEvent;
import mx.core.Application;
import mx.managers.PopUpManager;
import mx.events.DynamicEvent;
private var zteData:XML;
//分页的类
import mx.controls.Button;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
[Bindable]
private var mydata:ArrayCollection = new ArrayCollection();
[Bindable]
private var mypagedata:ArrayCollection = new ArrayCollection();
public var pagecount:int=20;
public var curpage:int;
public var totalpage:int;
public var totalcount:int;
public function initdata(mydata:ArrayCollection):void
{
mypagedata.removeAll();
if(mydata.length>0 && null!=mydata)
{
totalcount = mydata.length;
totalpage = (totalcount + pagecount - 1) / pagecount;
setPager(0);
inputpage.minimum=1;
inputpage.maximum=totalpage;
}else{
totalcount = 0;
totalpage = 0;
curpage = 0;
inputpage.minimum = 0;
inputpage.maximum = 0;
pagedetail.text = "第0页/共0页 共0条纪录";
}
}
public function setPager(value:int):void
{
if(value<0 || value>=totalpage) return;
curpage = value;
var curNum:int = value*pagecount;
mypagedata.removeAll();
for(var i:int=0;curNum<mydata.length&&i<pagecount;i++,curNum++)
{
mypagedata.addItem(mydata.getItemAt(curNum));
}
var temp:int = curpage+1;
pagedetail.text = "第"+temp+"页/共"+totalpage+"页 共条"+totalcount+"记录";
}
//打印导出excel
import flash.net.URLRequest;
import flash.net.URLRequestMethod;
import flash.net.navigateToURL;
public function export():void{
//Alert.show(dayin.name);
var u:URLRequest = new URLRequest('http://localhost:8080/ZTE_BEMS/stickEquipAction.action?equip_id='+equip_id.text+'&'+'dayin='+dayin.name);
u.method = URLRequestMethod.POST;
navigateToURL(u,"_blank");
}
private function initApp () :void {
UpUserDG.visible = false;
//下拉列表 区域
stickGropType.url = "stickGropTypeAction.action";
stickGropType.send();
//分项
stickEnergyItem.url = "stickEnergyItemAction.action";
stickEnergyItem.send();
//厂家
stickFactory.url = "stickFactoryAction.action";
stickFactory.send();
}
//下拉框值
private function dataResult1(event:ResultEvent):void
{
zteData = XML(event.result);
//Alert.show(zteData);
grop_item_id1.dataProvider = zteData.child("stickGropType");
}
//下拉框值
private function dataResult2(event:ResultEvent):void
{
zteData = XML(event.result);
//Alert.show(zteData);
en_item_id1.dataProvider = zteData.child("stickEnergyItem");
}
//下拉框值
private function dataResult3(event:ResultEvent):void
{
zteData = XML(event.result);
//Alert.show(zteData);
fact_id1.dataProvider = zteData.child("stickFactoryInfo");
}
public function onSubMit(evt:MouseEvent):void{
mydata.removeAll();
stickEquip.url = "stickEquipAction.action";
stickEquip.send();
}
private var stickUserInfo:XMLList = new XMLList();
private function dataResult(event:ResultEvent):void
{
zteData = XML(event.result);
//equipDG.dataProvider= zteData.child("stickEquipInfo");
xmlD = zteData.child("stickEquipInfo");
for(var i:int=0;i<xmlD.length();i++){
var obj:Object = new Object();
obj.equip_id = xmlD[i].equip_id;
obj.grop_item_id = xmlD[i].grop_item_id;
obj.en_item_id = xmlD[i].en_item_id;
obj.seqno = xmlD[i].seqno;
obj.fact_id = xmlD[i].fact_id;
obj.equip_name = xmlD[i].equip_name;
obj.equip_state = xmlD[i].equip_state;
obj.describe = xmlD[i].describe
mydata.addItem(obj);
}
initdata(mydata);
}
//删除操作
private var xmlD:XMLList;
public function OnDelete (data:Object) :void {
stickEquip.url = "stickEquipDelAction.action";
equipId.text = editid.text;
stickEquip.send();
//删除选择节点对象
for ( var i:Number = 0 ; i < xmlD.length() ; i++ )
{
if ( xmlD[i].equip_id == editid.text )
{
delete xmlD[i];
}
}
equipDG.dataProvider= xmlD;
Alert.show("删除成功");
}
//修改操作赋值框
private var staticData:Object;
// public function openEditWindow(data:Object):void {
//
// UpUserDG.visible = true;
// insert.visible = false;
// update.visible = true;
// equip_id1.text = data.equip_id;
// grop_item_id1.text = data.grop_item_id;
// en_item_id1.text = data.en_item_id;
// seqno1.text = data.seqno;
// fact_id1.text = data.fact_id
// equip_name1.text = data.equip_name;
// equip_state1.text = data.equip_state;
// describe1.text = data.describe;
// staticData = data;
//
// popupWindow();
//
// }
public function editUser1():void{
if (editid.text == "" || editid.id == null){
Alert.show("当前没有选择数据！");
}else{
popupWindow();
update.visible = true;
insert.visible = false;
}
}
public function deluser1():void{
if (editid.text == "" || editid.text == null){
Alert.show("当前没有选择数据！");
}else{
OnDelete(null);
}
}
//确定修改
public function OnUpdata(data:Object):void {
editEquip.url = "stickEquipUpdateAction.action";
editEquip.send();
window.visible =false;
window = null;
UpUserDG.visible = false;
Alert.show("修改成功")
}
//修改返回
private function editResult(event:ResultEvent):void
{
staticData.equip_id = equip_id1.text ;
staticData.grop_item_id = grop_item_id1.selectedItem.grop_item_id ;
staticData.en_item_id = en_item_id1.text ;
staticData.seqno = seqno1.text ;
staticData.fact_id = fact_id1.text ;
staticData.equip_name = equip_name1.text ;
staticData.equip_state = equip_state1.text ;
staticData.describe = describe1.text;
}
//插入操作
public function OnInsertWindow(data:Object):void {
equip_id1.text = null;
// grop_item_id1.text = null;
// en_item_id1.text = null;
seqno1.text = null;
// fact_id1.text = null;
equip_name1.text = null;
equip_state1.text = null;
describe1.text = null;
popupWindow();
UpUserDG.visible = true;
update.visible = false;
insert.visible = true;
}
//插入确定
public function OnInsert(data:Object):void {
insertEquip.url = "stickEquipInsertAction.action";
insertEquip.send();
UpUserDG.visible = false;
window.visible = false;
window = null;
Alert.show("插入成功");
}
import mx.core.UIComponent;
import mx.events.FlexEvent;
import mx.managers.PopUpManager;
import sjd.containers.ResizeWindow;
private var oldX:Number = 0;
private var oldY:Number = 0;
private var window:ResizeWindow = null;
public function popupWindow():void{
if(window == null){
window = ResizeWindow(PopUpManager.createPopUp(this, ResizeWindow, true));
window.x = 300;
window.y = 220;
window.width = this.width/2.1;
window.height = this.height/1.3;
window.showWindowButtons = true;
window.title ="设备维护信息";
window.styleName ="edituser";
window.addEventListener("closeWindow", closeWindow);
window.addChild(UpUserDG);
UpUserDG.visible =true
}
}
private function closeWindow(event:FlexEvent):void{
PopUpManager.removePopUp(ResizeWindow(event.currentTarget));
window = null;
UpUserDG.visible ="false"
}
]]>
</mx:Script>
<!--下拉框 区域-->
<mx:HTTPService id="stickGropType"
useProxy="false"
result="dataResult1(event)"
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<!--查询条件-->
<grop_item_id>{""}</grop_item_id>
</mx:request>
</mx:HTTPService>
<!--下拉框 分项-->
<mx:HTTPService id="stickEnergyItem"
useProxy="false"
result="dataResult2(event)"
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<en_item_name>{""}</en_item_name>
</mx:request>
</mx:HTTPService>
<!--下拉框 厂家-->
<mx:HTTPService id="stickFactory"
useProxy="false"
result="dataResult3(event)"
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<!--查询条件-->
<fact_id>{""}</fact_id>
</mx:request>
</mx:HTTPService>
<mx:HTTPService id="stickEquip"
useProxy="false"
result="dataResult(event)"
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<!--查询条件-->
<equip_id>{equip_id.text}</equip_id>
<!--删除传值条件-->
<equipId>{equipId.text}</equipId>
</mx:request>
</mx:HTTPService>
<mx:HTTPService id="editEquip"
useProxy="false"
result="editResult(event)"
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<!--Updata-->
<equip_id1>{equip_id1.text}</equip_id1>
<grop_item_id1>{grop_item_id1.selectedItem.grop_item_id}</grop_item_id1>
<en_item_id1>{en_item_id1.selectedItem.en_item_id}</en_item_id1>
<seqno1>{seqno1.text}</seqno1>
<fact_id1>{fact_id1.selectedItem.fact_id}</fact_id1>
<equip_name1>{equip_name1.text}</equip_name1>
<equip_state1>{equip_state1.text}</equip_state1>
<describe1>{describe1.text}</describe1>
</mx:request>
</mx:HTTPService>
<!--insert-->
<mx:HTTPService id="insertEquip"
useProxy="false"
result=""
method="post"
showBusyCursor="true"
resultFormat="xml">
<mx:request>
<equip_id1>{equip_id1.text}</equip_id1>
<grop_item_id1>{grop_item_id1.selectedItem.grop_item_id}</grop_item_id1>
<en_item_id1>{en_item_id1.selectedItem.en_item_id}</en_item_id1>
<seqno1>{seqno1.text}</seqno1>
<fact_id1>{fact_id1.selectedItem.fact_id}</fact_id1>
<equip_name1>{equip_name1.text}</equip_name1>
<equip_state1>{equip_state1.text}</equip_state1>
<describe1>{describe1.text}</describe1>
</mx:request>
</mx:HTTPService>
<mx:Label text="设备标识:" x="10" y="10"/>
<mx:Grid>
<mx:GridRow width="100%" height="100%">
</mx:GridRow>
</mx:Grid>
<!--删除条件-->
<mx:Label id="equipId" text="" visible="false" includeInLayout="false" />
<!--修改后删除条件-->
<mx:Label id="editid" name="edit" visible="false" text="{equipDG.selectedItem.equip_id}" />
<mx:DataGrid id="equipDG" dataProvider="{mypagedata}" width="100%" height="70%" styleName="bemsLabelFontM" x="10" y="36">
<mx:columns>
<mx:DataGridColumn headerText="设备标识" dataField="equip_id" width="100" />
<mx:DataGridColumn headerText="区域标识" dataField="grop_item_id" width="100"/>
<mx:DataGridColumn headerText="分项标识" dataField="en_item_id" width="100" />
<mx:DataGridColumn headerText="表设备标识" dataField="seqno" width="100" />
<mx:DataGridColumn headerText="厂家标识" dataField="fact_id" width="100" />
<mx:DataGridColumn headerText="设备名称" dataField="equip_name" width="100" />
<mx:DataGridColumn headerText="设备状态" dataField="equip_state" width="100" />
<mx:DataGridColumn headerText="描述" dataField="describe" width="180" />
<!--
<mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
<mx:itemRenderer>
<mx:Component>
<mx:Button styleName="bemsButton" fontWeight="normal" label="修改" click="outerDocument.openEditWindow(data)" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
<mx:itemRenderer>
<mx:Component>
<mx:Button styleName="bemsButton" fontWeight="normal" label="增加" click="outerDocument.OnInsertWindow(data);" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn visible="true" headerText="用户操作" resizable="false">
<mx:itemRenderer>
<mx:Component>
<mx:Button styleName="bemsButton" fontWeight="normal" label="删除" click="outerDocument.OnDelete(data);" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
-->
</mx:columns>
</mx:DataGrid>
<mx:HBox width="100%" horizontalAlign="right" verticalAlign="middle" height="10%" y="387" x="10">
<mx:Label text="第0页/共0页" id="pagedetail"/>
<mx:LinkButton label="首页" click="setPager(0)"/>
<mx:LinkButton label="上一页" click="setPager(curpage-1)"/>
<mx:LinkButton label="下一页" click="setPager(curpage+1)"/>
<mx:LinkButton label="末页" click="setPager(totalpage-1)"/>
<mx:NumericStepper id="inputpage" stepSize="1" minimum="0" maximum="0" cornerRadius="0"/>
<mx:LinkButton label="跳转" click="setPager(inputpage.value-1)"/>
</mx:HBox>
<mx:Button label="检索"
click="onSubMit(event);" x="254" y="8"/>
<mx:Button id="dayin" name="wori" label="打印导出" click="export();" x="1175" y="8"/>
<mx:TextInput
id="equip_id"
text="" height="22" x="77" y="8"/>
<mx:Button label="添加" click="OnInsertWindow(event);" x="319" y="8"/>
<mx:Button label="编辑" x="385" y="8" click="editUser1();"/>
<mx:Button label="删除" x="453" y="8" click="deluser1()"/>
<mx:Grid id="UpUserDG" height="261" width="544" styleName="edituser">
<mx:GridRow width="531" height="248">
<mx:GridItem width="534" height="300">
<mx:Grid width="517" height="238">
<mx:GridRow width="100%" height="29">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="设备标识：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<mx:TextInput id="equip_id1" fontSize="10" width="138" height="22" text="{equipDG.selectedItem.equip_id}"/>
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="区域标识：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<!-- <mx:TextInput id="grop_item_id1" fontSize="10" width="107" height="22"/> -->
<mx:ComboBox id="grop_item_id1" labelField="grop_name" styleName="bemsLabelFontS" width="130"></mx:ComboBox>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="26">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="分项标识：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<!-- <mx:TextInput id="en_item_id1" fontSize="10" width="108" height="22" text=""/>-->
<mx:ComboBox id="en_item_id1" labelField="en_item_name" styleName="bemsLabelFontS" width="139"></mx:ComboBox>
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="表设备标识：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<mx:TextInput id="seqno1" fontSize="10" width="127" height="22" text="{equipDG.selectedItem.seqno}" />
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="25">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="厂家标识：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<!-- <mx:TextInput id="fact_id1" fontSize="10" width="123" height="22" text=""/>-->
<mx:ComboBox id="fact_id1" labelField="factory_name" styleName="bemsLabelFontS" width="136"></mx:ComboBox>
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="设备名称：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<mx:TextInput id="equip_name1" fontSize="10" width="128" height="22" text="{equipDG.selectedItem.equip_name}"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="25">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="设备状态：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="97" height="58">
<mx:TextInput id="equip_state1" fontSize="10" width="36" height="22" text="{equipDG.selectedItem.equip_state}"/>
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
</mx:GridItem>
<mx:GridItem width="100%" height="58">
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="63">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
<mx:Label text="描述：" styleName="bemsLabelFontM" />
</mx:GridItem>
<mx:GridItem width="100%" height="58">
<mx:TextArea id="describe1" height="62" width="191" text="{equipDG.selectedItem.equip_state}" />
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
</mx:GridItem>
<mx:GridItem width="100%" height="58">
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="24">
<mx:GridItem width="30%" height="365" horizontalAlign="right">
</mx:GridItem>
<mx:GridItem width="97" height="58">
<mx:Button label="修改确定" id="update" name="Up" click="OnUpdata(data);"/>
<mx:Button label="增加确定" id="insert" name="In" click="OnInsert(data);" />
</mx:GridItem>
<mx:GridItem width="30%" height="365" horizontalAlign="right">
</mx:GridItem>
<mx:GridItem width="100%" height="58">
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:Canvas>
1 楼
liuwenfeng554
2011-12-31
这个案例你那有不 导出列表数据能实现不？ 能否给我发一份案例过来277302016@qq.com 谢谢了