wex5 数据绑定组件简单介绍

了解一下wex5组件一个页面分为数据和展现两个部分，组件也对应分为数据组件和展现组件。
使用数据组件存储页面中的数据；使用展现组件将页面展现出来。数据组件和展现组件使用双向数据绑定（Two-Way Data Binding）。
数据源或绑定目标对象的属性的值发生改变时会互相通知，也就是界面的操作能实时反映到数据,数据的变更能实时展现到界面。

两种数据组件：
data 组件 笔者认为是自己创建几个固定的数据。
baasData 用来绑定数据库的。需要将数据库进行绑定如果想要对某个数据库表进行操作，先将创建baasData 然后将其 bind-ref 绑定该数据表。

#1 data组件的使用
以select组件为例

首先创建一个data组件
右击data1 点击新增输入名称和显示名称并且勾上是否为id列
（这里是为了创建一个data，相当于数据库中的某一列）

再右击data1 选择编辑数据新增两条数据 “收入支出” 完成

这样 data部分就创建好了接下来创建select组件并且将数据绑定到select上

选择select组件创建好点击组件属性红色圈然后选择type （就是刚才创建data的列）

还没有完成，
指定bind-options 属性指定data1
然后指定 bind-optionsValue 用来指定type列

#2 baasData组件的使用

select 组件表示下拉组件，
1. 让其中的bind - ref 绑定已经创建好的baasData 的某一个列。（修改操作此数据库）
2.指定bind-options 用来指定到哪个数据data来显示select组件
3.指定 bind-optionsValue 用来指定显示bind-options 指定的这个data里边的哪一列值显示到select上

这样完成了select 选择data值去改变到 bassData 所绑定的某一列。

wex5 数据绑定组件简单介绍相关推荐

云原生及k8s组件简单介绍
一.云原生云原生景观图: https://landscape.cncf.io/ cncf官网: https://www.cncf.io/projects/ Graduated 毕业项目,可在生产中使 ...
Android学习之四大组件简单介绍
组件是可以调用的基本功能模块.Android的应用程序就是由组件组成的,Android系统中有四个重要的组件,分别是Activity(活动).Service(服务).BroadcaseReceiver ...
client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
[本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了预祝大家新春快乐 [ ]~(￣▽￣) ...
简单介绍下我使用了一年多还不知道的Sql server 2005 组件知识
简介 Microsoft SQL Server 2005 是用于大规模联机事务处理 (OLTP).数据仓库和电子商务应用的数据库平台:也是用于数据集成.分析和报表解决方案的商业智能平台. SQL Se ...
地图可视化组件–folium简单介绍
地图可视化组件–folium简单介绍 folium是基于Python环境开发的一个地图绘制包,可以在程序中引入从而绘制精美的地图数据可视化图表.folium建立在Python生态系统的数据处理能力和L ...
WeX5数据组件详解
[分享]WeX5的正确打开方式(7)--数据组件详解本文是[WeX5的正确打开方式]系列的第7篇文章,详细介绍WeX5中数据组件的增删改查以及数据定位方法. 前言上一篇数据组件初探我们简单介绍 ...
React学习（一）：简单介绍入门
序言:React官网介绍很多内容,但仍想总结一下加深了解. 目录一.React介绍二.React特点三.引入React 库四.第一个react项目一.React介绍 React 起源于 Fa ...
2021年大数据ELK（十八）：Beats 简单介绍和FileBeat工作原理
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录 Beats 简单介绍和FileBeat工作原理一.Beats 二.FileB ...
2021年大数据ELK（二）：Elasticsearch简单介绍
全网最详细的大数据ELK文章系列,强烈建议收藏加关注! 新文章都已经列出历史文章目录,帮助大家回顾前面的知识重点. 目录系列历史文章一.Elasticsearch简介 1.介绍 2.创始人二.E ...

wex5 数据绑定组件简单介绍

wex5 数据绑定组件简单介绍相关推荐

最新文章

热门文章