<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridColumn;
private function addDataGridColumn(dataField:String):void {
var dgc:DataGridColumn = new DataGridColumn(dataField);
var cols:Array = dataGrid.columns;
cols.push(dgc);
dataGrid.columns = cols;
}
private function removeDataGridColumn(dataField:String):void {
var cols:Array = dataGrid.columns;
cols.pop();
dataGrid.columns = cols;
}
private function addColumn():void {
addDataGridColumn("col4");
}
private function removeColumn():void {
removeDataGridColumn("col4");
}
]]>
</mx:Script>
<mx:ArrayCollection id="arr">
<mx:source>
<mx:Array>
<mx:Object col1="A1" col2="A2" col3="A3" col4="A4"/>
<mx:Object col1="B1" col2="B2" col3="B3" col4="B4"/>
<mx:Object col1="C1" col2="C2" col3="C3" col4="C4"/>
<mx:Object col1="D1" col2="D2" col3="D3" col4="D4"/>
<mx:Object col1="E1" col2="E2" col3="E3" col4="E4"/>
<mx:Object col1="F1" col2="F2" col3="F3" col4="F4"/>
</mx:Array>
</mx:source>
</mx:ArrayCollection>
<mx:ApplicationControlBar dock="true">
<mx:Button label="Add column" click="addColumn();" />
<mx:Button label="Remove column" click="removeColumn();" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
dataProvider="{arr}"
width="400"
rowCount="6">
<mx:columns>
<mx:DataGridColumn dataField="col1" />
<mx:DataGridColumn dataField="col2" />
<mx:DataGridColumn dataField="col3" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridColumn;
private function addDataGridColumn(dataField:String):void {
var dgc:DataGridColumn = new DataGridColumn(dataField);
var cols:Array = dataGrid.columns;
cols.push(dgc);
dataGrid.columns = cols;
}
private function removeDataGridColumn(dataField:String):void {
var cols:Array = dataGrid.columns;
cols.pop();
dataGrid.columns = cols;
}
private function addColumn():void {
addDataGridColumn("col4");
}
private function removeColumn():void {
removeDataGridColumn("col4");
}
]]>
</mx:Script>
<mx:ArrayCollection id="arr">
<mx:source>
<mx:Array>
<mx:Object col1="A1" col2="A2" col3="A3" col4="A4"/>
<mx:Object col1="B1" col2="B2" col3="B3" col4="B4"/>
<mx:Object col1="C1" col2="C2" col3="C3" col4="C4"/>
<mx:Object col1="D1" col2="D2" col3="D3" col4="D4"/>
<mx:Object col1="E1" col2="E2" col3="E3" col4="E4"/>
<mx:Object col1="F1" col2="F2" col3="F3" col4="F4"/>
</mx:Array>
</mx:source>
</mx:ArrayCollection>
<mx:ApplicationControlBar dock="true">
<mx:Button label="Add column" click="addColumn();" />
<mx:Button label="Remove column" click="removeColumn();" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
dataProvider="{arr}"
width="400"
rowCount="6">
<mx:columns>
<mx:DataGridColumn dataField="col1" />
<mx:DataGridColumn dataField="col2" />
<mx:DataGridColumn dataField="col3" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
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...