ext中的viewModel双向数据绑定皮毛

最新推荐文章于 2024-01-12 08:00:00 发布

Sukla

最新推荐文章于 2024-01-12 08:00:00 发布

阅读量1.8k

点赞数 1

分类专栏： Ext.js

本文链接：https://blog.youkuaiyun.com/Sukla/article/details/78028929

版权

Ext.js 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架实现数据双向绑定的例子。通过两个输入框共享同一个数据源，当其中一个输入框的内容发生变化时，另一个输入框也会实时更新显示相同的数据。此示例适用于ExtJS 6.2及以上版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，想实现不刷新页面，但是更新数据，尝试了一下，效果如下；

2，代码如下，用的6.2以上

/**
 * Created by Sukla on 2017/9/19.
 */
Ext.define('app.view.common.dataBind.ShowDataBind',{
    extend:'Ext.panel.Panel',
    title:'数据双向绑定,两个输入框共享一个数据',
    xtype:'show-data-bind',
    bodyPadding:20,
    viewModel:{
        data:{
            data1:''
        }
    },
    items:[
        {
            xtype:'textfield',
            bind:{
                value:'{data1}'
            },
            fieldLabel:'输入框1'
        },
        {
            xtype:'textfield',
            bind:{
                value:'{data1}'
            },
            fieldLabel:'输入框2'
        }
    ]
})