0 0

flex 中在<mx:itemRenderer>中的 <mx:CheckBox>如何设置样式?3

代码如下 :

<mx:datagrid width="100%" height="100%" id="d2" initialize="data1()" x="0" y="0" dropenabled="true" dragenabled="true" alternatingitemcolors="[#F7F7F7, #FFFEFE]" themecolor="#009DFF">
     <mx:columns>
      
      <mx:datagridcolumn headertext="序号" datafield="序号" width="50">
      <mx:datagridcolumn headertext="选择" width="50">
       <mx:itemrenderer>
        <mx:component>
         <mx:checkbox>
          
         </mx:checkbox>
        </mx:component>
       </mx:itemrenderer>
      </mx:datagridcolumn>
      <mx:datagridcolumn headertext="档号" datafield="档号" width="160">
      <mx:datagridcolumn headertext="标题" datafield="标题">
     </mx:columns>
    </mx:datagrid>

如下图所示,我增加了一个checkBox,可以这个checkBox紧贴着左边,我想让这个checkbox与左边有三个像素 的距离,可是没弄好,谢谢

2008年9月19日 10:14

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

0 0


      <mx:DataGridColumn headerText="序号" dataField="序号" width="50"/>
      <mx:DataGridColumn headerText="选择" width="50">
       <mx:itemRenderer>
        <mx:Component>
         <mx:HBox paddingLeft="3px">
         <mx:CheckBox>
         
         </mx:CheckBox>
         </mx:HBox>
        </mx:Component>
       </mx:itemRenderer>
      </mx:DataGridColumn>
      <mx:DataGridColumn headerText="档号" dataField="档号" width="160"/>
      <mx:DataGridColumn headerText="标题" dataField="标题"/>
     </mx:columns>
    </mx:DataGrid>

2008年9月24日 16:06
0 0

你可以在checkbox外再套一个HBox 然后设置HBox的Padding就可以了

2008年9月24日 16:05

相关推荐

    flex导出excel的代码

    &lt;mx:CheckBox change=" {outerDocument.doSelect(data as Object)} " /&gt; &lt;/mx:Component&gt; &lt;/mx:itemRenderer&gt; &lt;/mx:DataGridColumn&gt; &lt;mx:DataGridColumn headerText="names" dataField="names" width="200" /&gt;...

    在Flex的DataGrid中使用CheckBox

    ### 在Flex的DataGrid中使用CheckBox #### 一、引言 在Flex应用程序开发中,DataGrid 是一种常用的UI组件,用于展示数据列表,并提供了一系列的功能,如排序、过滤等。有时,为了增加用户交互性或实现特定功能,...

    flex advancedDataGrid 中如何实现带checkbox的树

    在AdvancedDataGrid的`dataProvider`属性中设置`hierarchicalData`,并为列定义`&lt;mx:AdvancedDataGridColumn&gt;`,以显示复选框和文本。 ```xml &lt;mx:AdvancedDataGrid id="myGrid" dataProvider="{hierarchicalData}...

    构造flex3.5的带复选框的树(CheckBoxTree)

    在Flex 3.5开发中,我们经常遇到需要创建具有交互性和可视复杂性的用户界面,其中一个常见的需求就是构建一个带有复选框的树形结构,也就是所谓的“复选框树”(CheckBoxTree)。这样的控件允许用户通过复选框来选择或...

    CheckboxInDataGrid

    在Flex编程领域,`CheckboxInDataGrid`是一个常见的应用场景,它涉及到如何在DataGrid组件中嵌入并操作Checkbox控件。下面将详细讲解这个主题,包括Flex的基本概念、Checkbox组件、DataGrid组件以及如何将两者结合...

    怎样在flex的datagrid中运用checkbox

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示和操作表格形式的数据。在实际应用中,我们经常需要在DataGrid的列中添加复选框(Checkbox),以便用户能够进行多选操作,例如全选和单选。本文将深入...

    FLEX中DATAgird的学习

    在 Flex 开发中,`DataGrid` 是一个非常重要的组件,用于展示和操作结构化的数据。在本篇文章中,我们将深入探讨如何在 `DataGrid` 中应用编辑功能,包括 `editorDataField`、`itemEditor` 和 `itemRenderer` 的使用...

    FLEX中下拉框嵌入Checkbox

    你需要创建一个新的AS3类,继承自MX:ListBase或Spark:ListBase,然后在其中添加Checkbox组件,并设置其样式和事件处理程序。 ```actionscript public class CheckboxItemRenderer extends ItemRenderer { private ...

    Flex itemEditor详解

    默认情况下,当`editable`属性设置为`true`时,Flex会在列表控制中自动启用`TextInput`作为编辑器。例如,在`DataGrid`中,只需要将`editable`属性设为`true`,就可以实现在单元格内的直接编辑功能。对于特定的列,...

    flexdatagrid实现列中下拉列表与行勾选功能

    本篇文章将深入探讨如何在`Flex DataGrid`中实现列中下拉列表(ComboBox)以及行的勾选(CheckBox)功能,这在诸如数据筛选、多选操作等场景中非常常见。 首先,我们要了解`Flex DataGrid`的基本结构。`DataGrid`由...

    Flex 自定义Datagrid的ItemRender

    在自定义的ItemRenderer类中,可以添加各种Flex组件,如Button、RadioButton、CheckBox和DateField等。例如,要添加一个日期显示字段,可以这样做: ```actionscript private var dateField:DateField = new ...

    Flex DataGrid checkBox

    这可以通过定义一个自定义的Column类来完成,该类继承自mx.controls.DataGridColumn,并在itemRenderer属性中指定一个显示CheckBox的组件。例如,我们可以创建一个名为`CheckBoxColumn`的类: ```actionscript ...

    flex datagrid checkbox 全选/反选

    &lt;mx:DataGridColumn headerText="选项" headerRenderer="utils.itemrender.CheckBoxRender" itemRenderer="utils.itemrender.CheckBoxRender" /&gt; &lt;mx:DataGridColumn headerText="名称" dataField="name" /&gt; &lt;!--...

    Flex_全选或取消DataGrid中的checkbox

    根据给定的信息,本文将详细解释如何在Flex中实现DataGrid中的checkbox全选或取消功能。这涉及到Flex的checkbox管理、事件监听与处理、以及如何使用Cairngorm框架进行模型层更新等内容。 ### 一、理解Flex DataGrid...

    flex的dataGrid添加复选框(checkBox)

    在Flex编程中,DataGrid控件是用于展示数据集的一种常用组件,它可以显示表格形式的数据。在实际应用中,我们经常需要在DataGrid的每一行中添加复选框(checkBox),以便用户可以选择一行或多行数据进行操作。这个...

    ItemRendererTutorial.zip

    5. 复选框实现:在ItemRenderer中加入`&lt;s:CheckBox&gt;`组件,通过数据绑定设置其`selected`属性。例如,`&lt;s:CheckBox selected="{data.isSelected}" /&gt;`。这样,当数据项的`isSelected`字段改变时,复选框的状态也会...

    flex tree checkbox

    在IT行业中,Flex是一种常用的前端开发框架,用于构建可伸缩的、响应式的用户界面。在Flex中,Tree组件是一个非常实用的控件,它允许用户以树状结构展示数据,便于层级关系的管理和操作。而当我们谈论"flex tree ...

    FLEX带复选框LIST

    在Flex4中,Spark组件库提供了更丰富的样式和定制能力,使得我们可以创建具有复选框功能的美观且交互性强的列表。 在压缩包文件的"CB"可能是包含这个示例项目的文件夹名,里面可能包括了Flex项目的所有源代码、配置...

    flex实现 ComboBox中下拉checkbox

    本文将深入探讨如何在Flex中的ComboBox实现下拉列表中包含Checkbox的功能,并结合移动面板和可调整大小的面板实例,为你提供一个完整的解决方案。 首先,我们要理解Flex中的ComboBox组件。ComboBox继承自ListBase类...

    flex 中tree渲染checkbox

    总结,通过自定义TreeItemRenderer、设置数据结构、配置itemRenderer属性以及处理复选框事件,我们可以成功在Flex的Tree组件中实现复选框渲染和多选功能。这使得用户能够更方便地在层次结构数据中进行选择操作。同时...

Global site tag (gtag.js) - Google Analytics