`
hgfghww7
  • 浏览: 46450 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

Flex中DataGrid绑定ComboBox ,自动显示行号,增加行,删除行,保存数据

 
阅读更多

    Flex中DataGrid绑定ComboBox ,自动显示行号,增加行,删除行,保存数据 收藏
  
  
  width="682" height="438"
  showCloseButton="true" close="closeHandler();"
  borderColor="#00BEFF" cornerRadius="0"
  layout="absolute" x="200" y="100"  fontSize="14"
  xmlns:components="*" creationComplete="init()" >
  
  
  手机
  邮箱
  ;
  [Bindable]
  public var comBox:XMLListCollection=new XMLListCollection(comBoxXML.way);
  [Bindable]
  private var dataArr:ArrayCollection=new ArrayCollection();
  var item1:Object={way:"手机",add:"1396907****"};
  var item2:Object={way:"邮箱",add:"************"};
  private function init():void
  {
  dataArr.addItem(item1);
  dataArr.addItem(item2);
  }
  /**
  * 关闭窗口
  */
  public function closeHandler():void
  {
  // isOpObj=false;
  PopUpManager.removePopUp(this);
  }
  import mx.collections.ArrayCollection;
  public var index:Number;
  //自动显示行号中得到行号
  private function getLineNum(item:Object,num:int):String{
  index = dataArr.getItemIndex(item)+1;
  return String(index);
  }
  //增加一条记录
  private  function addRecord():void
  {
  //Alert.show("add");
  var item3:Object={};
  dataArr.addItem(item3);
  dg.dataProvider=dataArr;
  }
  //删除一条记录
  private function deleteRecord():void
  {
  //Alert.show("reduce");
  var item4:Object=dg.selectedItem;
  var index:int=dataArr.getItemIndex(item4);
  dataArr.removeItemAt(index);
  dg.dataProvider=dataArr;
  }
  //保存信息
  private function saveInfo():void
  {
  //当dataGrid输入有改变的时候,会自动反写到dataProvider中
  var index:int=dataArr.length;
  //dataArr.removeAll();
  Alert.show(index.toString());
  for(var i=0;i
  
  
  
  
  width="632">
  width="100%" height="100%"/>
  
  
  
  
  
  
  
  
  width="60">
  width="53">
  width="57">
  
  
  
  
  
  width="632" height="191" editable="true" dataProvider="{dataArr}" >
  
  
  
  
  
  
  
  
  
  width="100%" dataProvider="{outerDocument.comBox}" />
  
  
  
  
  
  
  
  width="632">
  width="100%" height="100%"/>
  width="54" fontSize="12"/>
  
  
  
  注意:这个文件是TitleWindow,把它作为一个弹出窗口运行,或者改成Application。
分享到:
评论

相关推荐

    WPF下DataGrid每行设置不同的ComboBox的数据绑定

    通过这种方式,我们可以在WPF的DataGrid中实现每行不同的ComboBox数据绑定。这种方法的优势在于它允许我们在不牺牲数据绑定的灵活性的同时,保持界面的动态性和可扩展性。在实际项目中,可以根据需要调整数据模型和...

    WPF DataGrid ComboBox下拉框数据绑定 代码实例

    在本文中,我们将深入探讨如何在WPF(Windows Presentation Foundation)中使用DataGrid控件结合ComboBox实现数据绑定。WPF是.NET Framework的一部分,提供了一种强大的UI开发工具,支持丰富的图形效果和数据绑定...

    siverlight中DataGrid绑定ComboBox和ListBox及取值源码例子

    总结,这个示例代码提供了在Silverlight的DataGrid中使用ComboBox和ListBox的实践方法,包括数据绑定、模板列的使用以及获取控件值的技巧。对于学习和掌握Silverlight的DataGrid控件功能和数据绑定机制非常有帮助。...

    flex DataGrid 嵌入Combobox列拖动下拉条数据混乱

    在Flex中,可以通过`dataField`属性将Combobox的值与数据源中的某个字段绑定。 2. **自定义ItemRenderer**:由于默认的ItemRenderer可能无法满足需求,因此需要创建自定义的Combobox ItemRenderer。在这个自定义...

    silverlight DataGrid 不修改数据显示行号

    ### Silverlight DataGrid 不修改数据显示行号 #### 背景与概述 在Silverlight应用程序开发过程中,`DataGrid`控件是展示数据表格时常用的一种工具。它提供了丰富的功能来展示、排序、筛选和编辑数据集合。但在...

    flex datagrid 中实现combobox联动

    在Flex中,数据绑定允许我们把组件的属性与数据源关联起来,这样当数据源发生变化时,组件的显示也会自动更新。例如,我们可以通过`dataProvider`属性将ComboBox与数据集关联,通过`selectedItem`属性获取或设置当前...

    flex中dataGrid导出数据到excel中

    flex中dataGrid导出数据到excel中,不存在乱码问题

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

    - 在`aa1`列的`onSelect`事件中,获取当前选中的行和行号,然后找到对应的第二级combobox,清除原有数据并重新加载数据,这里的`url`会根据第一级选中的值动态改变。 - 同样的逻辑也应用在`bb1`列的`onSelect`事件...

    WPF在DataGrid列中使用ComboBox绑定,改变ComboBox可回传至绑定的实体,ComboBox绑定的是一个实体

    WPF在DataGrid列中使用ComboBox绑定,改变ComboBox可回传至绑定的实体, 网上找了好久,终于搞定了,不是那个用枚举的例子!!ComboBox绑定的是一个实体列表. 程序名字叫 给唐僧选老婆!哈哈

    WPF实现DataGrid嵌入ComBox绑定

    数据绑定允许UI元素(如ComboBox和DataGrid)与应用程序中的数据源进行连接,使UI动态反映数据的变化。在.NET6中,我们可以使用MVVM(Model-View-ViewModel)设计模式,将业务逻辑和UI分离,提高代码的可维护性。 1...

    DataGrid动态绑定ComboBox

    DataGrid动态绑定ComboBox <DataGridComboBoxColumn.EditingElementStyle>

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    wpf中DataGrid数据双向绑定

    在这个特定的场景中,“wpf中DataGrid数据双向绑定”指的是如何配置DataGrid以便在用户界面(UI)上的操作能够即时更新后端数据,并且当后端数据发生变化时,UI也会相应地更新。 双向绑定的概念基于MVVM(Model-...

    Flex DataGrid 内嵌ComboBox 再内嵌一个 DataGrid

    DataGrid是Flex中用于显示结构化数据的控件,它可以显示表格形式的数据,支持排序、分页和自定义列等特性。在Flex应用中,DataGrid常用于显示大量的列表数据,通过灵活的布局和样式设置,可以定制出各种美观且功能...

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    wpf 带有DataGrid控件的ComboBox

    `DataGrid`在WPF中用于展示和编辑表格数据,而`ComboBox`则为`DataGrid`的某一列提供了可选的下拉选项。 这个自定义`ComboBox`控件的独特之处在于它不仅是一个简单的下拉列表,还具备以下特性: 1. **搜索字段**:...

    datagrid中combobox的级联

    在 EasyUI 框架中,`datagrid` 是一个用于展示数据表格的组件,而 `combobox` 是一种下拉选择框,常用于输入框中提供预设选项。`datagrid` 的行内编辑功能允许用户直接在表格内对数据进行编辑,而 `combobox` 的级联...

    WPF DataGrid行号

    在Windows Presentation Foundation (WPF) 中,`DataGrid` 是一个强大的控件,用于展示数据集,特别是当数据需要以表格形式呈现时。在实际应用中,用户通常期望看到行号以便更好地理解和导航数据。虽然`DataGrid` ...

    FLEX的datagrid合计、平均值

    对于数据显示的总计和平均值,我们可以利用Flex的内置功能或自定义列渲染器来实现。以下是一些关键步骤: 1. **总计计算**: - 使用ArrayCollection的`reduce`方法来计算总和。例如,如果有一个名为`amount`的字段...

Global site tag (gtag.js) - Google Analytics