Flex: 按比例设置DataGird的列宽
Flex里面，DataGrid的column的width属性不接受百分比，只接受一个具体的像素值，所以，如果想按照比例来设置列宽需要费些周折。Google了一下，有两种方法可以做到： 第一种方法，不要设置width为百分比，而设置为一个小数，所有列的小数值的和必须为1。 <mx:DataGrid width="100%" height="100%">
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name" width=".25" />
<mx:DataGridColumn headerText="Age" dataField="age" width=".15" />
<mx:DataGridColumn headerText="Job" dataField="job" width=".35" />
<mx:DataGridColumn headerText="Height" dataField="height" width=".25" />
</mx:columns>
</mx:DataGrid>
参见：http://www.switchonthecode.com/tutorials/flex-datagrid-percentage-width-columns
这种方法比较简单明了，但是如果你的项目不是用的标准Flex的库，而是自己公司开发的库，那么上面的就可能不工作，那么就只能采用下面一种方法了。
第二种方法：在DataGrid的creationComplete()回调函数中手动设置列宽，看下面的代码：
<mx:Script>
<![CDATA[
function setRelativeColWidths(){
dg1.getColumnAt(0).width =dg1.width*.10;
dg1.getColumnAt(1).width =dg1.width*.15;
dg1.getColumnAt(2).width =dg1.width*.50;
dg1.getColumnAt(3).width =dg1.width*.10;
dg1.getColumnAt(4).width =dg1.width*.15;
}
]]>
</mx:Script>
<mx:DataGrid id="dg1" editable="false" hScrollPolicy="off" rowCount="5"
width="50%" creationComplete="setRelativeColWidths()" resize="setRelativeColWidths()>
在creationComplete的回调函数setRelativeColWidths方法中，对每一列按照比例设置了列宽。
参见：http://kb2.adobe.com/cps/224/224468bb.html
但这种方法有个问题：设置列宽后，如果DataGrid自身大小发生变化后，列的宽度不会自动调整，因此再在resize的时候让其调整一次列宽，这样就完美了。
相关文档：
2.2 代码实现
下面给出了FlexBuilder工程的一个文件，设置了Flash的布局。
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
......
String userId = request.getParameter("userId");
System.out.println(userId);
response.setCharacterEncoding("UTF-8");
//response.getWriter().println("hello world -- 我爱你。。。");
String xml = "<user>" +
"<username>涛哥</username>" +
"</user>";
respon ......
1.java
Java代码
package com;
public class LoginDemo {
public String validate(String username,String password){
&nb ......
这两天看了公司老总演示的一个效果，热图分布情况，感觉很直观。国内地图上很少有这种表现方式的。
g了一下发现以下：发现flex下有 IBM ILOG Elixir 可以用，不过这要花钱。
https://www.adobe.com/cn/products/flex/ibmilogelixir/
还有一个Heat API，可以再googlemap上叠加热图。
http://www.heatmapapi.com/ ， ......
在Flex应用中常常需要以一定的格式来显示时间，以下是一种做法。
首先创建一个DateFormatter 控件
<mx:DateFormatter id="df" formatString="YYYY-MM-DD JJ:NN:SS"/>
formatString="YYYY-MM-DD JJ:NN:SS"指定了时间的格式为2009-6-20 19:02:27，这里可以设置成自己需要的格式。
然后写个函数
......
