[ExtJS5学习笔记]第十六节 Extjs5使用panel新增的ViewModel属性绑定数据

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39078627

sencha官方API:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.panel.Panel-cfg-viewModel

本文作者:sushengmiyan

------------------------------------------------------------------------------------------------------------------------------------

Sencha ext js 5之前的版本中是没有viewmodel这个概念的,现在extjs5既然支持mvvm模式了,那么她的组件也就相应的增加了对mvvm的默认支持。现在看看我们经常使用的panel组件对mvvm模式的强大支持。

先看看文档对panel的viewmodel属性的定义:

viewModel : String/Object/Ext.app.ViewModel

The ViewModel is a data provider for this component and its children. The data contained in the ViewModel is typically used by adding bind configs to the components that want present or edit this data.
When set, the ViewModel is created and links to any inherited viewModel instance from an ancestor container as the "parent". The ViewModel hierarchy, once established, only supports creation or destruction of children. The parent of a ViewModel cannot be changed on the fly.
If this is a root-level ViewModel, the data model connection is made to this component‘s associated Data Session. This is determined by calling getInheritedSession.

Defaults to: {$value: null, lazy: true}

将上述信息翻译一下如下:

viewModel:属性可以设置为字符串String或者Object对象或者是Ext.app.ViewModel

ViewModel是这个组件和子构件的数据提供者,ViewModel中包含的数据典型的使用方法就是增加bind配置到想呈现或者编辑数据的组件上。

当设置好了,viewmodel就创建并连接到继承层次上任何父组件,一旦创建,父组件就无法更改子构件。

如果是根viewmodel,datamodel就关联到数据节点,这有获取继承节点来决定。

默认:{$value:null, lazy:true}

简单说,就是当你想在panle中获取其他model的data中的数据的时候,就需要制定viewmodel,这有就可以从viewmodel中获取数据啦。

时间: 2024-10-09 23:54:08

[ExtJS5学习笔记]第十六节 Extjs5使用panel新增的ViewModel属性绑定数据的相关文章

[EXTJS5学习笔记]第二十六节 在eclipse/myeclipse中使用sencha extjs的插件

本文地址:http://blog.csdn.net/sushengmiyan/article/details/40507383 插件下载: http://download.csdn.net/detail/sushengmiyan/8085851 本文作者:sushengmiyan -------------------------------------------------------------------------------------------------------------

[ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39667533 官方文档:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.Store-method-getFilters 本文作者:sushengmiyan ----------------------------------------------------------------------------------

[ExtJS5学习笔记]第十四节 Extjs5中data数据源store和datapanel学习

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39031383 sencha官方API:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.Panel-cfg-store 本文作者:sushengmiyan -----------------------------------------------------------------------------------

[ExtJS5学习笔记]第十五节 Extjs5表格显示不友好?panel的frame属性在作怪

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39057243 sencha官方API:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.Panel-cfg-store 本文作者:sushengmiyan -----------------------------------------------------------------------------------

[ExtJS5学习笔记]第十九节 Extjs5中通过设置form.Panel的FieldSet集合属性控制多个field集合

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39209533 官方例子:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.form.FieldSet 本文作者:sushengmiyan -------------------------------------------------------------------------------------------------

[ExtJS5学习笔记]第二十五节 利用window.open()函数实现ExtJS5的登陆页面跳转

本文地址:http://blog.csdn.net/sushengmiyan/article/details/40427543 mvvm方式实现登陆的博客:http://blog.csdn.net/sushengmiyan/article/details/38815923 本文作者:sushengmiyan -----------------------------------------------------------------------------------------------

[ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题

本文地址:http://blog.csdn.net/sushengmiyan/article/details/42016107 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 为方便起见,使用sencha cmd创建一个工程,使用app buil

学习笔记第十六节课

lvm讲解 lvm有很大的便利性,可以方便的扩容和缩容磁盘的空间.(但是也有局限性) 一旦出现问题,磁盘使用lvm,文件系统坏了,数据没了,恢复数据的时候很麻烦. 做个实验:创建三个磁盘分区,(这里要注意下ID 是83,说明他是普通的分区.如果要想使用lvm,就要修改为8e.用t修改,改完才能做物理卷) 继续创建主分区 修改ID为8e w保存退出 创建完成后要修改为物理卷 创建的命令是pvcreate 默认是没有安装的,先安装一下.(安装失败,) 知识点:想安装一个包,忘记了包的名字,但是知道命

学习笔记第二十六节课

sed sed也能实现grep的功能,但是有些麻烦,而且没有颜色显示. sed的强项在于替换,替换一些指定的字符. 比如grep中的 . * |都可以在sed中实现,但是要加上/ / 和p (这里只加p的话,匹配的含有root的 会连续打印两次,不加关键词,会将所有文件内容连续打印两次.) 只打印关键词的行 就要加上-n 同样支持 . * 但是看起来麻烦 没有颜色显示. +也可以用 和grep一样 也需要脱译 这里是加-r | 和{}也一样支持 记得加-r sed 可以打印指定行数,打印行数不用