数据的绑定

开发工具与关键技术：Visual Studio 2015 ，MVC
作者：任浩基
撰写时间：2019/5/16

今天我们就来了解一下数据的绑定，顾名思义就是给某种元素绑定所需的数据。因为元素之间是互不相同的，所以元素间绑定的数据也是有所不同的。但是有一点值得注意的是元素之间又是相互联系的，因而并不能说元素与元素是互不干扰的。话不多说我们转入正题吧。

在VC中经常会遇到给元素绑定数据，在绑定时要声明变量这时就要引用layui插件了: .当然你也可以引用别的插件，但是现在我们要用的是layui插件。我们先来看下控制器的代码：

上图代码是用于绑定公告类型下拉框的数据。由代码看出绑定时要先建立一个单表的查询，同时要给它一个ID值，然后还要有返回值。
完成到这一步是我们可以说是为数据的绑定打下了重一基础。下面我们来看视图那边的代码:

在上面的代码中我们要声明变量附件的表格以及保存layui模块以便全局使用，然后就可以对数据的绑定进行代码书写了。上面只是部分代码，下面我们看别的代码：

上面代码为加载和初始化layui模块，title为设定标题的名称，width是指其宽度设置为160px,align是指对其方式为居中对齐，page则为设置指定每页的条数以及每页条数的选择项。下面我们还要给元素一个监听事件（监听行单击事件，单击事件为：rowDouble）:

完成上面的代码即可大功告成，下面我们来看代码运行的效果图：

只要点击下拉框按钮就可看到效果图了。