Ⅰ Flex datagrid单元格中绑定的数据过长怎样处理
我记得datagrid的单元格有自动截取的吧,如果没有的话,那只能通过labelFunction和itemRenderer来改写你的单元格显示形式。
Ⅱ Flex DataGrid中如何根据数据值的不同而改变其显示效果
data.parent='0'
这里是要用==才是判断的
Ⅲ flex DataGrid里的datafield属性
用itemRenderer实现.
<mx:itemRenderer>
<mx:Component>
<mx:label text="{roles[0].name}"/>
<mx:/Component>
<mx:/itemRenderer>
不能直接用roles[0].name表示.你可以内试容试arrCollection[i].roles[0].name
Ⅳ Flex中DataGrid怎么取得xml中的数据并绑定……
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
//////////////////////////////////////////////////////////////
// DataGrid
//
// editable ="false|" *表格是否可编辑
// draggableColumns= "true|false" *列是否能抓取
// resizableColumns= "true|false" *列是否能重设大小
// sortableColumns = "true|false" *列是否能按大小排序
//
// AdvancedDataGrid
// sortExpertMode ="false|true" *是否可以按ctrl键进行子排序
//
//////////////////////////////////////////////////////////////
]]>
</mx:Script>
<mx:XMLList id="employees">
<employee>
<name>ABC</name>
<phone>001</phone>
<email>b</email>
<active>true</active>
</employee>
<employee>
<name>A</name>
<phone>002</phone>
<email>a</email>
<active>true</active>
</employee>
<employee>
<name>B</name>
<phone>001</phone>
<email>b</email>
<active>false</active>
</employee>
<employee>
<name>B</name>
<phone>002</phone>
<email>a</email>
<active>true</active>
</employee>
</mx:XMLList>
<mx:Panel title="DataGrid Control Example" height="100%" width="100%"
paddingTop="10" paddingLeft="10" paddingRight="10">
<mx:Label width="100%" color="blue"
text="Select a row in the DataGrid control."/>
<!-- DataGrid -->
<mx:DataGrid id="dg" rowCount="5" dataProvider="{employees}"
editable="true" dragEnabled="true" resizableColumns="true" sortableColumns="true" allowMultipleSelection="true">
<mx:columns>
<mx:DataGridColumn dataField="name" headerText="Name" editable="false" />
<mx:DataGridColumn dataField="phone" headerText="Phone" draggable="false" editable="true"/>
<mx:DataGridColumn dataField="email" headerText="Email" sortable="false"/>
</mx:columns>
</mx:DataGrid>
<!-- AdvancedDataGrid -->
<mx:AdvancedDataGrid id="dg2" width="100%" height="100%" rowCount="5" dataProvider="{employees}"
editable="false" dragEnabled="true" resizableColumns="true" sortableColumns="true" sortExpertMode="true" >
<mx:columns>
<mx:AdvancedDataGridColumn dataField="name" headerText="Name" editable="false"/>
<mx:AdvancedDataGridColumn dataField="phone" headerText="Phone" draggable="false"/>
<mx:AdvancedDataGridColumn dataField="email" headerText="Email" sortable="true"/>
</mx:columns>
</mx:AdvancedDataGrid>
<!-- 表格数据绑定 -->
<mx:Form width="100%" height="100%">
<mx:FormItem label="Name">
<mx:Label text="{dg.selectedItem.name}"/>
</mx:FormItem>
<mx:FormItem label="Email">
<mx:Label text="{dg.selectedItem.email}"/>
</mx:FormItem>
<mx:FormItem label="Phone">
<mx:Label text="{dg.selectedItem.phone}"/>
</mx:FormItem>
</mx:Form>
</mx:Panel>
</mx:Application>
Ⅳ flex 4中datagrid如何根据某一列的值来设定另一列的数据显示颜色
在监测值 那里写一个itemRenderer;如这样的:
<s:GridColumn headerText="监测值" sortable="false" fontSize="18" itemRenderer="com.GriditemRender" />
itemRenderer里面就是这样的:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" width="100%" height="100%"
xmlns:s="library://ns.adobe.com/flex/spark" horizontalScrollPolicy="off" verticalScrollPolicy="off"
xmlns:mx="library://ns.adobe.com/flex/mx" >
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
override public function set data(value:Object):void{
super.data=value;
//这个地方你需要判断下value.value这个是否为int类型的值。不是的就转化一下然后判断
if(value.value > 3){
lb.text = value.value;
lb.setStyle("color",'#ff0000');
}else{
lb.text = value.value;
lb.setStyle("color",'#ffffff');
}
}
]]>
</fx:Script>
<mx:Label id="lb" verticalCenter="0" horizontalCenter="0" />
</mx:Canvas>
Ⅵ Flex Datagrid中,如何自定义排序的方式
在使用的时候,会遇到把表示的数据排序的时候,但是,有时候,不想用DataGrid自带的排序时,可以用如下的方法来自定义自己想要的排序方法。 自定义排序方法如下,需要自己手动写一段排序的方法,在这个方法里,定义你的排序方式,然后,只要把这个方法应用到Datagrid的某一列就好了。 1、自定义的排序方法 private function sortStudentId(itemA:Object, itemB:Object):int { var dataA:int = int(itemA.student_id); var dataB:int = int(itemB.student_id); return ObjectUtil.compare(dataA, dataB);}2、把定义好的排序方法加载到Datagrid中 <mx:DataGrid id="dg" height="100%" width="100%" dataProvider="{studentList}" <mx:columns <mx:DataGridColumn sortable="true" sortCompareFunction="sortStudentId" headerText="学号" dataField="student_id" width="50" itemMode="number"/ </mx:columns 另外,ObjectUtil的使用,需要import进来, import mx.utils.ObjectUtil;
Ⅶ flex 获取DataGridColumn列表的值
使用[]来取属性值,另外ac取某一项最好不要用[],而是用getItemAt(i)方法:ac.getItemAt(i)[ID]
Ⅷ Flex中DataGrid数据显示不全问题
你是说字符太多超过了列宽吧。
标准的做法就是超出的部分用省略号,鼠标mouse over上去出现tips.
Ⅸ flex DataGrid自动排序(非点击)
这个控件我也经常用,一般做法都是在数据库中通过order by 消费日期,然后把数据返还到前台,日期就自动排序了。datagrid的排序或过滤要触发事件。
Ⅹ flex datagrid修改行数据后 数据刷新后 修改后的数据行获取焦点(例如:该数据所在行颜色变深)
先把修改前的selectedIndex记下来,刷新后,再把记下的索引赋值给datagrid.selectedIndex