启用和禁用（编辑）

-1

我有先进的数据网格3列的复选框chaangehandler柱，第一个包含复选框和另外两个包含文本框，所有这些都在里面DataGrid列启用和禁用（编辑）

的单独的itemRenderer如果复选框被选中特别是行之后的文本框应该是编辑，当复选框未被选中文本框应该为可编辑

2016-04-11 Sharda Deshmukh

请不要发布[重复问题（http://stackoverflow.com/问题/ 36471672 /柔性禁用数据并网行当-复选框-IS-未选择的）。删除并编辑问题，包括你到目前为止所尝试的代码。无论如何，我会在稍后发布答案。 –

该代码将工作

<?xml version="1.0" encoding="utf-8"?> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
         width="100%" height="100%" creationComplete="maximize()"> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 

    <fx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 

      [Bindable] 
      public var arrayColl:ArrayCollection = new ArrayCollection([ 
       {sno:1, fname: 'ABC 1', lname: 'DEF 1'}, 
       {sno:2, fname: 'ABC 2', lname: 'DEF 2'}, 
       {sno:3, fname: 'ABC 3', lname: 'DEF 3'}, 
       {sno:4, fname: 'ABC 4', lname: 'DEF 4'} 
      ]); 
     ]]> 
    </fx:Script> 
    <s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> 

     <mx:AdvancedDataGrid id="advancedDataGrid" width="50%" height="50%" dataProvider="{arrayColl}"> 
      <mx:columns> 
       <mx:AdvancedDataGridColumn dataField="" headerText="" width="50"> 
        <mx:itemRenderer> 
         <fx:Component> 
          <s:MXAdvancedDataGridItemRenderer> 

           <fx:Script> 
            <![CDATA[ 
             protected function chkEdit_changeHandler(event:Event):void 
             { 
              data.isEditable = chkEdit.selected; 
              outerDocument.arrayColl.refresh(); 
             } 
            ]]> 
           </fx:Script> 

           <s:CheckBox id="chkEdit" selected="false" change="chkEdit_changeHandler(event)" 
              verticalCenter="0" horizontalCenter="0"/> 
          </s:MXAdvancedDataGridItemRenderer> 
         </fx:Component> 
        </mx:itemRenderer> 
       </mx:AdvancedDataGridColumn> 

       <mx:AdvancedDataGridColumn dataField="fname" headerText="First Name"> 
        <mx:itemRenderer> 
         <fx:Component> 
          <s:MXAdvancedDataGridItemRenderer> 

           <fx:Script> 
            <![CDATA[ 
             import spark.events.TextOperationEvent; 
             override public function set data(value:Object):void { 
              super.data = value; 

              if (data != null) { 
               txtFName.editable = data.isEditable; 
              } 
             } 

             protected function txtFName_changeHandler(event:TextOperationEvent):void 
             { 
              data.fname = event.currentTarget.text; 
             } 

            ]]> 
           </fx:Script> 

           <s:TextInput id="txtFName" text="{listData.label}" editable="false" verticalCenter="0" horizontalCenter="0" 
              change="txtFName_changeHandler(event)"/> 
          </s:MXAdvancedDataGridItemRenderer> 
         </fx:Component> 
        </mx:itemRenderer> 
       </mx:AdvancedDataGridColumn> 

       <mx:AdvancedDataGridColumn dataField="lname" headerText="Last Name"> 
        <mx:itemRenderer> 
         <fx:Component> 
          <s:MXAdvancedDataGridItemRenderer> 

           <fx:Script> 
            <![CDATA[ 
             import spark.events.TextOperationEvent; 
             override public function set data(value:Object):void { 
              super.data = value; 

              if (data != null) { 
               txtLName.editable = data.isEditable; 
              } 
             } 

             protected function txtLName_changeHandler(event:TextOperationEvent):void 
             { 
              data.lname = event.currentTarget.text;           
             } 

            ]]> 
           </fx:Script> 

           <s:TextInput id="txtLName" text="{listData.label}" editable="false" verticalCenter="0" horizontalCenter="0" 
              change="txtLName_changeHandler(event)"/> 
          </s:MXAdvancedDataGridItemRenderer> 
         </fx:Component> 
        </mx:itemRenderer> 
       </mx:AdvancedDataGridColumn> 
      </mx:columns> 
     </mx:AdvancedDataGrid> 
    </s:VGroup> 

</s:WindowedApplication>

来源

2016-05-12 05:21:16 Kavin

启用和禁用（编辑）

回答

相关问题