2014-12-05 92 views
0

我对Flex有些新鲜感,遇到了itemRenderer的问题,我无法找到解决方案。我问过一位有着丰富经验的同事,我试过在没有运气的情况下搜索互联网。
我的问题是,我有一个dataGrid,其中每列使用itemRenderer来显示信息,出于某种原因,这导致用户无法选择任何dataGrid行。我认为它必须与itemRenderer有关,因为当我添加一个没有itemRenderer的虚拟列时,我可以通过点击该虚拟列来突出显示并选择一行,但其他列表仍然无法工作。我已经尝试将我的代码与其他dataGrids的代码进行比较,并使用itemRenderer进行工作,但是我一直未能找到任何会导致我的问题的差异。有谁知道为什么会发生?
谢谢!flex itemrenderer防止datagrid项目选择

我的数据网格(我想只包括什么,我认为应该是相关的只是为了保持简洁如果有人认为需要更多的信息,请让我知道!):

<mx:DataGrid id="servicegridUI" left="10" right="10" top="10" bottom="85" selectable="true" 
       styleName="formDataGrid" variableRowHeight="true" toolTip="Double-click to view."> 
     <mx:columns> 
      <mx:DataGridColumn headerText="ID" dataField="ID" width="175"> 
       <mx:itemRenderer> 
        <mx:Component> 
         <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
          <mx:Text height="100%" width="100%" id="id" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
          <mx:Script> 
           <![CDATA[       
            var refId:String = ""; 
            override public function set data(value:Object):void { 
             //variables for setting text are created here 
             id.htmlText = 'ID: ' + refId + '<br><font color="#666666">Service ID: ' + servId + '</font>'; 
             id.htmlText +='<br><font color="#666666">Type and Specialty: ' + type + ' - ' + specialty + '</font>'; 
            } 

            public function openDoc(event:MouseEvent):void {    
             //removed due to irrelevance 
            } 
           ]]> 
          </mx:Script> 
         </mx:HBox> 
        </mx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
      <mx:DataGridColumn headerText="Claimant" dataField="claimantHeader" width="125"> 
       <mx:itemRenderer> 
        <mx:Component> 
         <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
          <mx:Text height="100%" width="100%" id="claimant" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
          <mx:Script> 
           <![CDATA[ 
            var refId:String = ""; 
            override public function set data(value:Object):void { 
             //variables for setting text are created here 
             claimant.htmlText = 'Claim: ' + claim + '<br><font color="#666666">Name: '+ name +'</font>'; 
             claimant.htmlText +='<br><font color="#666666">Date: '+ date+'</font>'; 
             } 

            // Opens a new browser window and loads the file 
            public function openDoc(event:MouseEvent):void {    
             //removed due to irrelevance 
            } 
           ]]> 
          </mx:Script> 
         </mx:HBox> 
        </mx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
      <mx:DataGridColumn headerText="Status" dataField="statusHeader" width="70"> 
       <mx:itemRenderer> 
        <mx:Component> 
         <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off" > 
          <mx:Text height="100%" width="100%" id="status" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
          <mx:Script> 
           <![CDATA[    
            var refId:String = ""; 
            override public function set data(value:Object):void { 
             //variables for setting text are created here 
             status.htmlText = 'Date: ' + refDate; 
             status.htmlText += '<br><font color="#666666">Status: ' + currStatus + '</font>'; 
            } 

            // Opens a new browser window and loads the file 
            public function openDoc(event:MouseEvent):void {    
             //removed due to irrelevance 
            } 
           ]]> 
          </mx:Script> 
         </mx:HBox> 
        </mx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn> 
      <mx:DataGridColumn headerText="lalala" dataField="serviceID" width="50"/><!---this is the dummy column that I created and is the only one that functions properly--> 
     </mx:columns> 
    </mx:DataGrid> 
+0

好像你没在的itemRenderer实现一些状态。试试从DataGridItemRenderer类扩展你的itemRenderer类 – Anton 2014-12-05 18:37:30

回答

0

当你覆写集数据功能,你需要说

super.data = value; 

它会解决你的问题。 如果你想运行完整的应用程序,这里是根据你的代码的例子:

<?xml version="1.0"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> 
<mx:Script><![CDATA[ 
    import mx.collections.ArrayCollection; 
    [Bindable] 
    private var myArrayCollection:ArrayCollection = new ArrayCollection([ 
     {ID:"1",claimantHeader: "ClaimHeader1",statusHeader:"StatusHeader1", serviceID:"SID1" , servId:"1001", name:"Bikram Dangol", type:"Type 1",specialty:"Speciality 1", claim:"Claim 1", date:"12/06/2014", refDate:"11/06/2014", currStatus:"Active"}, 
     {ID:"2",claimantHeader: "ClaimHeader2",statusHeader:"StatusHeader2", serviceID:"SID2", servId:"1002", name:"Anup Dangol", type:"Type 2",specialty:"Speciality 2", claim:"Claim 2", date:"12/07/2014", refDate:"11/07/2014", currStatus:"Inactive"}, 
     {ID:"3",claimantHeader: "ClaimHeader3",statusHeader:"StatusHeader3", serviceID:"SID3", servId:"1003",name:"Lunish Yakami", type:"Type 3",specialty:"Speciality 3", claim:"Claim 3", date:"12/08/2014", refDate:"11/08/2014", currStatus:"OnHold"}, 
                      ]); 
    ]]></mx:Script> 
<mx:DataGrid id="servicegridUI" left="10" right="10" top="10" bottom="85" selectable="true" dataProvider="{myArrayCollection}" 
      styleName="formDataGrid" variableRowHeight="true" toolTip="Double-click to view."> 
    <mx:columns> 
     <mx:DataGridColumn headerText="ID" dataField="ID" width="175"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
         <mx:Text height="100%" width="100%" id="ID" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
         <mx:Script> 
          <![CDATA[ 
          var refId:String = ""; 
          override public function set data(value:Object):void { 
           super.data = value; 
           //variables for setting text are created here 
           ID.htmlText = 'ID: ' + refId + '<br><font color="#666666">Service ID: ' + data.servId + '</font>'; 
           ID.htmlText +='<br><font color="#666666">Type and Specialty: ' + data.type + ' - ' + data.specialty + '</font>'; 
          } 

          public function openDoc(event:MouseEvent):void { 
           //removed due to irrelevance 
          } 
          ]]> 
         </mx:Script> 
        </mx:HBox> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
     <mx:DataGridColumn headerText="Claimant" dataField="claimantHeader" width="125"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
         <mx:Text height="100%" width="100%" id="claimant" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
         <mx:Script> 
          <![CDATA[ 
          var refId:String = ""; 
          override public function set data(value:Object):void { 
           super.data = value; 
           //variables for setting text are created here 
           claimant.htmlText = 'Claim: ' + data.claim + '<br><font color="#666666">Name: '+ data.name +'</font>'; 
           claimant.htmlText +='<br><font color="#666666">Date: '+ data.date+'</font>'; 
          } 

          // Opens a new browser window and loads the file 
          public function openDoc(event:MouseEvent):void { 
           //removed due to irrelevance 
          } 
          ]]> 
         </mx:Script> 
        </mx:HBox> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
     <mx:DataGridColumn headerText="Status" dataField="statusHeader" width="70"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:HBox paddingBottom="3" height="70" paddingLeft="5" horizontalGap="1" paddingTop="2" horizontalScrollPolicy="off" verticalScrollPolicy="off" > 
         <mx:Text height="100%" width="100%" id="status" htmlText="" selectable="true" doubleClick="openDoc(event)" doubleClickEnabled="true"/> 
         <mx:Script> 
          <![CDATA[ 
          var refId:String = ""; 
          override public function set data(value:Object):void { 
           super.data = value; 
           //variables for setting text are created here 
           status.htmlText = 'Date: ' + data.refDate; 
           status.htmlText += '<br><font color="#666666">Status: ' + data.currStatus + '</font>'; 
          } 

          // Opens a new browser window and loads the file 
          public function openDoc(event:MouseEvent):void { 
           //removed due to irrelevance 
          } 
          ]]> 
         </mx:Script> 
        </mx:HBox> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
     <mx:DataGridColumn headerText="lalala" dataField="serviceID" width="50"/><!---this is the dummy column that I created and is the only one that functions properly--> 
    </mx:columns> 
</mx:DataGrid> 
</mx:Application> 
+0

这样做 - 非常感谢你!这绝对是一个有价值的Flex教训。 – 2014-12-08 13:53:51