在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔，本篇继续介绍其中界面部分的一些使用知识，包括控件的赋值、取值、清空，以及相关的使用。
我们知道，一般Web界面包括的界面控件有：单行文本框、多行文本框、密码文本框、下拉列表ComboBox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息、列表控件等，这些界面控件的操作都有哪些不同，下面我们来逐一进行介绍。
1、单行文本框
使用easyui的控件，单行文本可以使用easyui-validateBox样式即可，类型为text的控件。
界面代码如下所示：
或者
赋值给界面控件代码如下：
如果是标签Lable控件，这需要把val 使用text替代即可，如下代码所示：
对于easyui-validateBox样式的控件，一般来说，有几个常见属性可以设置他们的。
2、多行文本框
easyui的界面样式，可以使用easyui-validateBox，或者默认的textarea即可。
界面代码如下所示：
或者
赋值给界面控件代码如下：
3、密码文本框
密码文本框和常规的文本框一样，只是输入字符的时候，系统做了屏蔽显示而已，把它作为一个来独立说明，也是因为它也是常见输入的一种。
界面代码如下所示：
赋值给界面控件代码如下：
4、下拉列表ComboBox
常见的EasyUI的ComboBox是可以输入，也可以从列表选择的内容的输入控件。
界面代码如下所示：
绑定下拉列表的数据源代码如下：
而利用标准的Select控件虽然可以实现从列表选择，不过不够ComboBox控件那么灵活方便，Select控件的界面代码如下：
5、日期输入控件
easyui使用class=‘easyui-dateBox'来标识日期控件，从弹出的层中选择正确的日期，是一种非常常见的界面输入控件，可以替代My97DatePicker日期输入控件。
弹出窗体界面效果如下。
它的界面代码如下所示：
赋值给界面控件代码如下：
6、数值输入控件
easyui使用样式easyui-numberBox标识为数值类型，其表现为文本框，但只能输入数值。
界面代码如下所示：
或者使用‘easyui-numberspinner'样式来标识，可以上下调节数值。
赋值给界面控件代码如下：
或者
或者
7、单项选择Radio控件
单项选择Radio控件，是在多项内容里面选择一个选项进行保存或者显示。
界面代码如下所示：
赋值给界面控件代码如下：
或者使用Comobo控件作为单项选择的控件也是可以的，界面效果如下所示。
其界面代码如下所示：
8、复选框
复选框是在一项或多项内容中，选择零项或者多项的一个输入界面控件。
界面代码如下所示：
由于复选框的一些特殊性质，在表单提交的时候，如果没有勾选的选型，使用serializeArray()方法构造的数据，复选框的值则不会被提交。
基于这个原因，我们可以使用Select控件进行替代，实现复选项的功能，而不影响
以上代码的使用。
使用Select控件的代码如下所示。
赋值给界面控件代码如下：
9、表格控件DataGrid
easyui的列表控件，可以通过指定table的class属性为easyui-datagrid即可实现表格的定义，界面代码如下所示：
|
不过为了避免使用脚本定义datagrid导致多次初始化的问题，我们一般只需要指定一个table代码即可，界面如下所示 rush:js;">
|
|---|
