flex datagrid 数据同步的问题

0 0

flex datagrid 数据同步的问题15

在datagrid中修改数据，然后通过XML方式传到服务器的方法。三个数列的值有没有动态绑定的方法，我开始嵌入了textinput但是没有用。我现在能想到的解决方法：1.flex datagrid 和外部的一个textinput实现同步输入，然后绑定外部的textinputid.text 。如何实现同步输入？
2.利用itemEditEnd 是不是可以实时创建一个xml？
3. flex datagrid可编辑本身有textinput属性，但是试过N遍了，外部是调不了内部的！
求方法和解决代码：

<fx:Script>
<![CDATA[
protected function goxml_clickHandler(event:MouseEvent):void
{
var xm:XML = <UserInfo></UserInfo>;
var id:String = "id";
var idValue:String = ????;
var name:String = "name";
var nameValue:String = ???;
var mail:String = "mail";
var mailValue:String = ???;
xm.appendChild("<UserInfo>");
xm.appendChild("<"+ id +">" + idValue + "</" + id + ">");
xm.appendChild("<"+ name +">" + nameValue + "</" + name + ">");
xm.appendChild("<"+ mail +">" + mailValue + "</" + mail + ">");
xm.appendChild("</UserInfo>");
Alert.show(xm);
postdata.send(xm.toString());
}
]]>
<mx:DataGrid id="dg"  dropShadowVisible="true" editable="true" itemEditEnd="dg_itemEditEndHandler(event)" 
itemEditBeginning="dg_itemEditBeginningHandler(event)"
enabled="true" selectedIndex="0" >
<mx:columns>
<mx:DataGridColumn id="col1" dataField="id" headerText="ID" wordWrap="true" editable="true" >
</mx:DataGridColumn>
<mx:DataGridColumn id="col2" dataField="name" headerText="Name" wordWrap="true" />
<mx:DataGridColumn id="col3" dataField="mail" headerText="E-mail" wordWrap="true"/>
</mx:columns>
</mx:DataGrid>
<s:Button label="goxml" click="goxml_clickHandler(event)"/>

Flash Flex

2012年5月28日 17:05

haglgang
15
0 0 2

1个答案按时间排序按投票排序

0 0

试试下面的代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
      <![CDATA[
          import mx.controls.Alert;
          import mx.collections.ArrayCollection;
           
          [Bindable]
          private var initDG:ArrayCollection = new ArrayCollection([
              {Album:'Slanted and Enchanted'},
              {Album:'Brighten the Corners'}
          ]);
           
          //show inidDG's contents
          private function checkBtnHandler():void {
              Alert.show(
                  "initDG columns:" + "\n\n" +
                  "(0)=" + Object(initDG.getItemAt(0))["Album"].toString() + "\n" +
                  "(1)=" + Object(initDG.getItemAt(1))["Album"].toString()
              );
          }
      ]]>
  </mx:Script>
  <mx:VBox>
      <mx:DataGrid id="dg1" dataProvider="{initDG}" width="300" editable="true">
          <mx:columns>
              <mx:DataGridColumn headerText="Album" dataField="Album">
                  <mx:itemRenderer>
                      <mx:Component>
                          <mx:TextInput/>
                      </mx:Component>
                  </mx:itemRenderer>
              </mx:DataGridColumn>
          </mx:columns>
      </mx:DataGrid>

      <mx:DataGrid id="dg2" dataProvider="{initDG}" width="300" editable="true">
          <mx:columns>
              <mx:DataGridColumn headerText="Album" dataField="Album">
                  <mx:itemRenderer>
                      <mx:Component>
                          <mx:TextInput/>
                      </mx:Component>
                  </mx:itemRenderer>
              </mx:DataGridColumn>
          </mx:columns>
      </mx:DataGrid>                   
      <mx:Button label="check!!" id="checkBtn" click="checkBtnHandler()"/>
  </mx:VBox>
</mx:Application>

2012年6月20日 15:25

glovebx
18
0 0 3