`
yoshiyan
  • 浏览: 47357 次
社区版块
存档分类
最新评论

Flex控件->Datagrid&AdvancedDataGrid&DataGroup&List

    博客分类:
  • Flex
阅读更多
如何隐藏DataGrid的Header?
dataGrid.showHeaders = false

为啥我更新了DataGrid的dataProvider的item的属性值,DataGrid控件却没有自动更新?
需要调用调用DataGrid的itemUpdate函数进行更新

示例代码:
myCollection.itemUpdated(collectionOfThoseClasses.getItemAt(0));

参考链接:
http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf668d2-7fe7.html

如何锁住DataGrid的某些列,让其不随滚动条滚动?
利用DataGrid的lockedColumnCount。
示例代码如下:
    <mx:DataGrid id="dataGrid"
            lockedColumnCount="1"
            horizontalScrollPolicy="on"
            width="300">



如何为DataGroup绘制边框?
使用s:Rect。示例代码如下:
    <s:Rect  height="100" verticalCenter="0" width="500" horizontalCenter="2">
        <s:stroke>
            <s:LinearGradientStroke rotation="90">
                <s:GradientEntry color="0x999999" />
                <s:GradientEntry color="0xD8D8D8" />
            </s:LinearGradientStroke>
        </s:stroke>
    </s:Rect>
    
    <s:DataGroup id="datagroup" height="100" verticalCenter="0" dataProvider="{itemList}" itemRenderer="itemRenderer" width="500" horizontalCenter="0">
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>
    </s:DataGroup>


如何为s:List设置背景色?
通过s:List的属性contentBackgroundColor可以为其设置背景。

如何让DataGrid滚动到特定行?
1.dataGrid.scrollToIndex(rowIndex);
2.dataGrid.verticalScrollPosition = rowIndex;
上边的两种方法中,scrollToIndex只会保证rowIndex所对应的列在可视范围内,而使用verticalScrollPosition则可以保证rowIndex对应的列为可视范围内的第一行。

如何获取DataGroup选中项的相关数据?
DataGroup并不响应ListEvent,可以在其ItemRenderer的Click处理函数里或者选中项的相关信息,示例代码如下:

<s:ItemRenderer click="handleClick()">

private function handleClick():void
{
    trace("item " + itemIndex + " clicked : " + data);
}


ItemEditor和ItemRenderer有什么区别?
显示编辑编辑控件是否显示
ItemRenderer:    总是显示只有rendererIsEditor为true时可以编辑总是显示
ItemEditor:   总是显示总是可以只有编辑时显示

具体差异请仔细比较下边两幅图:
非编辑状态:

编辑状态:


参考资料:http://www.necst.co.jp/product/ibiz/column/flex/chap17.html
  • 大小: 5.6 KB
  • 大小: 6.4 KB
分享到:
评论

相关推荐

    flex-datagrid-advancedDataGrid-demo

    本示例"flex-datagrid-advancedDataGrid-demo"显然是为了演示如何在Flex应用中有效地使用这两种数据网格控件。 首先,DataGrid是最基础的数据展示组件,它允许开发者以表格的形式展示数据,支持排序、选择和编辑等...

    easyui-datagrid&&easyui-tree实例

    数据表" class="easyui-datagrid"&gt;&lt;/table&gt; ``` 2. **数据源配置**: EasyUI datagrid可以通过Ajax获取数据,我们可以使用ASP.NET来处理请求并返回JSON格式的数据。在服务器端,创建一个ASP.NET MVC控制器或WebAPI...

    25.Xaml DateGrid控件->默认单选,可以多项选择的网格控件

    --&gt; &lt;/DataGrid.Columns&gt; ``` 这里,`Mode=TwoWay`确保当CheckBox状态改变时,数据源也会相应更新。 3. **处理数据项选择**: 如果你使用MVVM(Model-View-ViewModel)模式,你需要在ViewModel中处理Is...

    datagrid-import&&export.rar

    "datagrid-import&&export.rar"这个压缩包文件显然涉及到一个数据网格组件的功能增强,主要涵盖了数据的导出和导入功能,特别是在与Excel文件的交互中进行了优化。以下是相关的知识点详解: 1. **数据网格(Data ...

    常用控件简写命名规范1

    - 数据网格:DataGrid -&gt; dg (如:dgData) - 字符串:String -&gt; str (如:strFirstName) 2. 数据类型简写命名: - 数组:Array -&gt; arr (如:arrShoppingList) - 布尔:Boolean -&gt; bln (如:blnIsPostBack) - ...

    开源DataGrid和AdvancedDataGrid复制到Excel工具类

    标题中的“开源DataGrid和AdvancedDataGrid复制到Excel工具类”指的是一个专门设计用于将数据从Flex中的DataGrid和AdvancedDataGrid组件导出到Microsoft Excel的开源工具。这个工具类提高了用户在处理大量数据时的...

    DataGrid和AdvancedDataGrid CheckBox全选功能1.1

    在本文中,我们将深入探讨如何在Flex中实现DataGrid和AdvancedDataGrid组件的CheckBox全选功能。这个功能在数据展示和交互式操作中非常常见,它允许用户通过一个主CheckBox来选择或取消选择所有行数据。 首先,我们...

    flex datagrid中实现显示序列号

    -- Flex 3.x 示例 --&gt; &lt;mx:DataGrid id="myDataGrid"&gt; &lt;mx:columns&gt; 序列号" itemRenderer="com.yourpackage.SerialNumberItemRenderer" /&gt; &lt;!-- 其他列配置... --&gt; &lt;/mx:columns&gt; &lt;!-- 数据源配置... --&gt; ...

    ArcGIS for Flex开发中Graphic的attributes解析

    1. **定义DataGrid**:在Flex中,我们可以使用MXML来创建一个DataGrid控件,定义其列结构。例如,我们创建两列,一列显示字段名(FieldName),另一列显示对应的属性值(FieldValue)。这样设置可以确保每个属性都有...

    Laravel开发-datagrid

    $users-&gt;orderBy($request-&gt;input('sort'), $request-&gt;input('order')); } if ($request-&gt;has('search')) { $users-&gt;where('name', 'like', "%{$request-&gt;input('search')}%") -&gt;orWhere('email', 'like', "%{$...

    jeasyui-datagrid-datagrid2.zip

    jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip

    VC DataGrid导出Excel

    2、添加DataGrid1控件:Ctrl+W打开类向导,工程-&gt;增加到工程-&gt;Components and Contols-&gt;Registered ActiveX Controls-&gt;Microsoft DataGrid Control 6.0 (sp6)(OLEDB)-&gt;Insert 3、为IDC_DATAGRID1关联变量m_DataGrid ...

    jeasyui-datagrid-datagrid

    《JeasyUI DataGrid深度解析与开发指南》 在Web应用开发中,数据展示和交互是核心部分之一,而DataGrid作为数据展示的利器,深受开发者喜爱。JeasyUI DataGrid是一款基于jQuery的轻量级组件,它为开发者提供了丰富...

    JQuery Easy-UI DataGrid性能调优

    - **代码示例**:将原始代码中的`"&gt;table&gt;tbody&gt;tr.datagrid-row:has(div.datagrid-cell-checkinput:checked)"`替换为`"&gt;table&gt;tbody&gt;tr.datagrid-row&gt;td&gt;div.datagrid-cell-check&gt;input:checked"`,并使用`.parent...

    VC FlexGrid导出Excel

    2、添加FlexGrid1控件:Ctrl+W打开类向导,工程-&gt;增加到工程-&gt;Components and Contols-&gt;Registered ActiveX Controls-&gt;Microsoft FlexGrid Control ,version6.0 -&gt;Insert 3、为IDC_DATAGRID1关联变量m_FlexGrid1 4、...

    WPF-进阶视频教程(共113集)-042DataGrid控件.mp4

    WPF-进阶视频教程(共113集)-042DataGrid控件.mp4

    Flex-DataGrid源码及资料

    Flex DataGrid是一款在Adobe Flex开发环境中广泛使用的组件,主要用于展示和操作大量结构化的数据。它是一种灵活的表格视图,可以轻松地实现数据的排序、筛选、分页等功能。在这个"Flex-DataGrid源码及资料"的压缩包...

    gridview固定表头 横向滚动 纵向固定

    -- GridView控件 --&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; ``` 知识点三:GridView控件 GridView控件是ASP.NET中最常用的数据控件之一。为了实现GridView固定表头横向滚动纵向固定的功能,需要设置GridView的...

    Flex4 带checkbox的DataGrid

    带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner.png的路径 使用方法参考“示例参考.txt” --------------...

    datagrid+yii2分页查询

    if ($model-&gt;load(Yii::$app-&gt;request-&gt;post()) && $model-&gt;save()) { return $this-&gt;redirect(['view', 'id' =&gt; $model-&gt;id]); } return $this-&gt;render('update', [ 'model' =&gt; $model, ]); } public ...

Global site tag (gtag.js) - Google Analytics