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

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

原创最新推荐文章于 2024-01-12 08:00:00 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

Ext.js 专栏收录该内容

32 篇文章

订阅专栏

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

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'
        }
    ]
})