`
hanyiduo
  • 浏览: 79406 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

给Datagrid设置可编辑的文本框或文本域

    博客分类:
  • Flex
XML 
阅读更多
<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:XML id="itemsXML" source="data/items.xml" /> 
  
    <mx:DataGrid id="dataGrid" 
            dataProvider="{itemsXML.item}" 
            variableRowHeight="true" 
            editable="true" 
            width="100%" 
            height="100%"> 
        <mx:columns> 
            <mx:DataGridColumn id="idColumn" 
                    dataField="@id" 
                    editable="false" 
                    headerText="ID" /> 
            <mx:DataGridColumn id="descColumnTextInput" 
                    dataField="@desc" 
                    editable="true" 
                    wordWrap="true" 
                    headerText="Desc (TextInput)" /> 
            <mx:DataGridColumn id="descColumnTextArea" 
                    dataField="@desc" 
                    editable="true" 
                    wordWrap="true" 
                    itemEditor="mx.controls.TextArea" 
                    editorUsesEnterKey="true" 
                    headerText="Desc (TextArea)" /> 
        </mx:columns> 
    </mx:DataGrid> 
  
</mx:Application>



<?xml version="1.0" encoding="utf-8"?> 
<items> 
    <item id="1" desc="The quick brown fox jumped over the lazy dog." /> 
    <item id="2" desc="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." /> 
    <item id="3" desc="Pellentesque nonummy aliquet metus." /> 
    <item id="4" desc="Nullam enim." /> 
    <item id="5" desc="Nullam sollicitudin sodales diam." /> 
    <item id="6" desc="Praesent quis tellus vel erat tristique placerat." /> 
    <item id="7" desc="Sed egestas, enim a convallis auctor, nisl tellus tincidunt nibh, vitae tempus mauris risus at arcu." /> 
    <item id="8" desc="Suspendisse laoreet sem eget ipsum porta consequat." /> 
    <item id="9" desc="Ut imperdiet felis quis orci." /> 
    <item id="10" desc="Phasellus tempus ante eu nisl." /> 
    <item id="11" desc="Donec velit sem, rutrum ac, bibendum sed, mattis ac, odio." /> 
    <item id="12" desc="Fusce mauris turpis, vehicula nec, mattis et, dapibus quis, arcu." /> 
    <item id="13" desc="Morbi tincidunt volutpat justo." /> 
    <item id="14" desc="Nam urna." /> 
    <item id="15" desc="Mauris est dui, aliquet at, venenatis tempus, eleifend a, pede." /> 
    <item id="16" desc="Vestibulum porttitor arcu sit amet nulla." /> 
    <item id="17" desc="Nulla vitae sapien." /> 
</items>

分享到:
评论

相关推荐

    gridview或datagrid里面控制文本框大小

    另一种方法是通过设置GridView或DataGrid的ItemStyle属性来改变所有单元格的样式,这种方式适用于所有行,包括编辑模式下的文本框。 ```xml ("Name") %&gt;'&gt; ("Name") %&gt;' Width="80px"&gt; ``` ##...

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    例如,你可以设置`editable:true`来开启编辑功能,然后可以为特定列设置`editor`属性,指定编辑器类型,如文本框、下拉框、日期选择器等。这样,当用户点击单元格时,该单元格会自动转换为编辑状态,用户可以输入新...

    给DataGrid自定义Header功能

    标题“给DataGrid自定义Header功能”和描述“给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要的界面功能”正是关于这个主题的说明。下面将详细介绍如何实现DataGrid的自定义Header。 首先,理解...

    Wince下DataGrid编辑

    本文将详细介绍如何在 WinForm 应用程序中为智能设备(如 PDA 或工业手持终端等)实现 DataGrid 控件的手动编辑功能。 #### 一、环境配置 为了确保开发环境正确设置,首先需要安装 Windows Embedded Compact 的...

    wpf DataGrid 实现单击单元格进入编辑状态

    通过这样的设置,用户现在可以在单击DataGrid单元格时直接进入编辑状态,对于CheckBox列,单击会立即切换选中状态,无需额外的编辑操作。 **五、总结** 在WPF的DataGrid中,通过自定义Behavior可以灵活地扩展控件的...

    wpf中datagrid动态设置单元格背景

    我们可以将数据源(例如:`ObservableCollection`或`List&lt;T&gt;`)绑定到`DataGrid`的`ItemsSource`属性,这样数据就会自动填充到`DataGrid`的行中。数据源中的每个对象对应`DataGrid`的一行,对象的属性对应行中的列。...

    easyui datagrid在编辑状态下更新列的值

    最后,对于“easyui-datagrid-editor”这个压缩包文件,它可能包含了示例代码、样式文件或其他资源,帮助开发者理解并实现编辑状态下Datagrid列值的更新功能。如果需要进一步的帮助,可以查看该文件的内容或查阅...

    easyui-datagrid可编辑可过滤的DEMO

    本文将深入探讨“easyui-datagrid可编辑可过滤的DEMO”,这是一个结合了EasyUI DataGrid组件的编辑和过滤功能的示例项目。 首先,DataGrid是EasyUI中的一个核心组件,它是一个数据展示表格,可以处理大量的数据并...

    easyui 可编辑datagrid完整例子,支持filebox

    在标题和描述中提到的“可编辑 datagrid”,是指 datagrid 具有单元格或行级别的编辑能力。用户可以直接在 datagrid 中修改数据,而无需跳转到其他页面或弹出窗口。这对于数据录入和管理非常方便,提高了用户体验。...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    c# WPF中通过双击编辑DataGrid中Cell的示例(附源码).docx

    例如,我们可以为DataGrid的`CellEditEnding`事件设置监听器,当用户完成编辑并离开单元格时,检查并保存更改。 在`Models`中,我们定义了数据模型,包括各种类型的数据类。这些类通常会继承自...

    设置datagrid行背景色示例

    在本示例中,我们关注的是如何设置 `Datagrid` 的行背景色,以增强视觉效果,帮助用户更好地理解和区分不同的数据。 首先,让我们了解 `Datagrid` 的基本概念。`Datagrid` 是一个控件,通常由多个行和列组成,每一...

    Flex创建可编辑以及分页的DataGrid

    Flex中的数据源通常是`ArrayCollection` 或 `XMLListCollection`,它们是可迭代的集合,可以绑定到DataGrid上。假设我们有一个包含多条记录的数据集,我们可以这样设置: ```actionscript var dataProvider: ...

    可编辑的datagrid表格控件

    "可编辑的datagrid"指的是这种控件不仅能够展示数据,还允许用户直接在表格内进行编辑,提高了数据输入和管理的效率。 在Windows Forms、ASP.NET、WPF或JavaScript等开发环境中,都有相应的datagrid实现。例如,...

    在DataGrid控件中设置单元格的数据显示格式.

    本节我们将深入探讨如何在DataGrid控件中设置单元格的数据显示格式,以便更好地呈现和管理数据。 首先,我们要理解DataGrid控件的基本结构。DataGrid控件由一系列行和列组成,每个单元格是这些行和列的交叉点,显示...

    Jquery datagrid实现单元格编辑

    本篇将详细介绍如何使用jQuery DataGrid实现单元格编辑功能。 首先,我们需要引入jQuery和jqGrid的库文件。通常,这包括jQuery核心库、jQuery UI库以及jqGrid的CSS和JS文件。确保在HTML页面中正确地添加这些引用: ...

    动态可编辑的DataGrid

    在IT行业中,动态可编辑的DataGrid是一种常见且强大的组件,尤其在开发用户界面时,用于展示和操作大量数据。Flex作为Adobe推出的一种开源富互联网应用程序(RIA)框架,提供了丰富的UI组件库,其中就包括了DataGrid...

    WPF动态添加行列DATAGRID

    在Windows Presentation Foundation (WPF) 中,DataGrid控件是一个非常强大的工具,用于展示和编辑网格数据。在某些场景下,我们可能需要根据程序运行时的条件或用户交互来动态地添加行列。本文将深入探讨如何在WPF...

    struts2+easyui 基于maven实现单元格可编辑表格datagrid

    DataGrid的可编辑功能通常通过行内编辑或弹出窗口编辑实现。在Struts2框架下,我们可以在DataGrid的行上添加编辑按钮,当用户点击编辑时,触发AJAX请求,将当前行的数据发送到服务器。服务器端的Struts2动作类接收到...

Global site tag (gtag.js) - Google Analytics