Flex4中的s:DataGrid与Flex3的mx:DataGrid差别非常的大,不多说,直接上代码
<?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:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
//绑定表格用的数据
[Bindable]
private var arr:ArrayCollection = new ArrayCollection([
{neName:"教工路文一路路口相机_4", neType:"相机" , neAlarmType:"设备告警" , removeStatus:"未清除" , confirmStatus:"未确认" , neAlarmGrade:"2级"},
{neName:"学院路文一路路口相机_3", neType:"相机" , neAlarmType:"环境告警" , removeStatus:"未清除" , confirmStatus:"未确认" , neAlarmGrade:"3级"},
{neName:"文一路莫干山路路口相机_1", neType:"相机" , neAlarmType:"连接通信告警" , removeStatus:"未清除" , confirmStatus:"未确认" , neAlarmGrade:"1级"},
{neName:"文一路莫干山路路口相机_3", neType:"相机" , neAlarmType:"性能告警" , removeStatus:"未清除" , confirmStatus:"未确认" , neAlarmGrade:"4级"}
]);
//删除告警信息
public function deleteAlarmRecord():void{
arr.removeItemAt(alarmGrid.selectedIndex);
}
//确认告警信息
public function confirmAlarmInfo():void{
arr.getItemAt(alarmGrid.selectedIndex).confirmStatus = "已确认";
alarmGrid.dataProvider = arr;
}
]]>
</fx:Script>
<s:DataGrid id="alarmGrid" width="600" height="285" requestedRowCount="4" dataProvider="{arr}" skinClass="view.datagrid">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="neName" headerText="名称"></s:GridColumn>
<s:GridColumn dataField="neType" headerText="类型"></s:GridColumn>
<s:GridColumn dataField="removeStatus" headerText="清除状态"></s:GridColumn>
<s:GridColumn dataField="confirmStatus" headerText="确认状态"></s:GridColumn>
<s:GridColumn headerText="操作">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer>
<s:HGroup>
<mx:LinkButton toolTip="清除" label="清除" click="outerDocument.deleteAlarmRecord();" textDecoration="underline" color="#2066CF" fontWeight="normal"/>
<mx:LinkButton toolTip="确认" label="确认" click="outerDocument.confirmAlarmInfo()" textDecoration="underline" color="#2066CF" fontWeight="normal"/>
</s:HGroup>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
分享到:
相关推荐
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="service.... <mx:DataGrid width="300" dataProvider="{slides}"/> </mx:Application>
快步进入flex门槛 1.效果-模糊化 ...<mx:DataGrid x="30" y="75" id="dgTopPosts" width="400" dataProvider="{wsBlogAggr.getMostPopularPosts.lastResult}"> 获取每行的值:DataGrid.selectedItem.postLink)
<mx:DataGrid id="dg1" dataProvider ="{dp}"> <mx:columns> <mx:DataGridColumn width="20" headerText="" > <mx:itemRenderer> <mx:Component> <mx:CheckBox change=" {outerDocument.doSelect(data as ...
button id="ButtonCust" CssClass="button1" runat="server" Text="定制"></asp:button><asp:button id="ButtonReturn" CssClass="button1" runat="server" Text="关闭"></asp:button><br> </td><br> </tr>...
FLEX4 s:dataGrid单元格弹出可文本,就是单击单元格弹出自己定义的一个组件,
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="service.... <mx:DataGrid width="300" dataProvider="{slides}"/> </mx:Application>
private void Datagrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e) { if (this.rb_type.SelectedIndex == 0)//批量录入 { e.Item.Cells[2].Visible = false; } else e...
datagrid自定义列,这是一个不错的例子,对爱好C#的同学们,可以参考参考
在FLEX4中开发带有过滤功能的DATAGRID组件
<asp:DataGrid id="dgsy" runat="server"></asp:DataGrid> usc/dg.ascx.cs namespace startmssql.ucs { using System; using System.Data; using System.Drawing; using System.Web; using System.Web.UI....
1.怎样定制VC#DataGrid列标题?<br><br> DataGridTableStyle dgts = new ... <br><br> Oracle:<br><br> select col1||col2 from table<br><br> sql server:<br><br> select col1+col2 from table
利用richfaces的组件显示数据,有效,方便,各位夺下
"</tr><tr class=tttable bgColor=#FFFFC0><td align=center>当日</td><td align=center>上次</td><td align=center>累计</td><td align=center>汇总</td><td align=center>当日</td><td align=center>上次</td><td...
<br/>11.3.7 使用模板编辑DataGrid控件中的条目 <br/>11.4 小结 <br/><br/>第12章 操作DataSet <br/><br/>12.1 理解DataSet <br/>12.1.1 DataSet的元素 <br/>12.1.2 向DataSet添加DataTable <br/>12.1.3 将控件绑定...
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) ...使用方法参考“示例参考.txt” ------------------------------ 目前数据源只能用ArrayCollection
flex中的datagrid的分页定位以及高亮显示
<table class=easyui-datagrid> <thead> <tr> <th data-options=field:>编号</th> <th data-options=field:>姓名</th> <th data-options=field:>年龄</th> </tr> </thead> <tbody> <tr>...
based控件的拖放事件 13<br>运行在AIR中的Flex应用程序的拖放 16<br>拖放实例 17<br>例子1:用Canvas作为drop target 17<br>例子2:指定drag proxy 18<br>例子3:为drop target处理dragOver和dragExit事件 20<br>...
<br><br>4:SQL语句<br>Create PROCEDURE [dbo].[SP_Soft_GetSoftList]<br> @CurrentPage int, @PageSize int, @RecordCount int output<br>AS<br> DECLARE @MinPage int, @MaxPage int<br> SET @MinPage = (@Current...