HAP框架学习之—

LOV的作用：通过自定义SQL语句或者调用mapper中的方法查询数据库，通过弹出窗口的形式提供数据选择的组件。

例子：查询学生表，通过输入学生学号模糊查询学生信息。

1、数据库中创建学生表并插入原始数据。

2、创建LOV

新建属性解释：

代码：该LOV的唯一标识，在viewModel中调用的值。
ValueField：选中的查询记录代表的值。
TextField：选中的查询记录显示的值，与ValueField配对，如性别显示的值（TextField）为：男、女，但实际用0代表男，用1代表女，这里的0，1就对应ValueFiled。在本例中则代表：显示的是姓名，但该姓名关联的是学号。
SQL类型：
- 1、自定义SQL：该SQL类型需要自己在自定义SQL文本域中按照mybatis的语句格式定义SQL语句。
- 2、SQL ID：选中该SQL类型，在SQL ID文本框中输入mapper中对应的查询方法，格式为：StudentMapper.findStuByID，在StudentMapper,java类中需要定义该方法。
- 3、URL：对应一个可以查询出数据的URL，例如Controller中的某个URL路径。
高度/宽度：LOV弹出框的高度和宽度。
列数：Lov弹出窗口中，查询字段输入框布局的列数。值域为[0,4]。
描述/标题/提示：分别对应LOV的描述（在LOV管理页面中显示）、LOV弹出窗口标题、LOV输入框的提示（placeholder）
页大小：每页显示的记录数。
行信息：
- 显示：列名
- 字段名：对应SQL语句中返回的类型。
- 表格列：是否在搜索出来的记录中显示。
- 查询字段：是否作为查询字段，如果是，则会出现对应的搜索框。

自定义查询语句为【符合Mybatis的语句规范】：

select stu_id,stu_name,stu_age from hmall_hnuc_student
<where><if test="stuId != null">stu_id like concat("%",#{stuId},"%")</if>
</where>

3、预览结果为：

搜索框的出现是勾选了学号作为查询字段的结果，而下面表格显示的列名对应新建LOV时的行信息。显示的值是新建LOV时行信息的字段名命名为SQL语句查询字段的驼峰命名对应的结果。也就是stu_id对应stuId，stu_name对应stuName，stu_age对应stuAge。

4、双击选择学生记录后搜索框会消失，在文本框中显示TextField对应的值，即上图创建LOV时的stuName：

5、最后在html中用kendoUI调用过程如下：

<input data-bind="value:model.stuName"id="searchStu"style="width: 100%">
<script>$("#searchStu").kendoLov(<@lov "LOV_SEARCHSTUDENTBYID" />);
</script>

到此基本LOV的使用就完成了。

HAP框架学习之——LOV使用相关推荐

jQuery框架学习第二天：jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
ssm框架requestmapping找不到_框架学习,就是介么简单
框架学习程序员凯小白最近实训ssm框架,SSM框架,是Spring + Spring MVC + MyBatis的缩写,这个是继SSH之后,目前比较主流的Java EE企业级框架,适用于搭建各种大 ...
rose框架学习总结
rose框架学习总结 rose框架为paoding rose框架具体可见https://code.google.com/p/paoding-rose/ 1 对rose框架的整体认识 1.1B/S ...
Hadoop学习笔记—18.Sqoop框架学习
Hadoop学习笔记-18.Sqoop框架学习一.Sqoop基础:连接关系型数据库与Hadoop的桥梁 1.1 Sqoop的基本概念 Hadoop正成为企业用于大数据分析的最热门选择,但想将你的数据 ...
jQuery框架学习第一天：开始认识jQuery
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
Android接口和框架学习
Android接口和框架学习缩写: HAL:HardwareAbstraction Layer,硬件抽象层 CTS:CompatibilityTest Suite,兼容性测试套件 Android让你 ...
selenium + python自动化测试unittest框架学习（二）
1.unittest单元测试框架文件结构 unittest是python单元测试框架之一,unittest测试框架的主要文件结构: File >report >all_case.py &g ...
SpringMVC框架--学习笔记（下）
接上篇:SpirngMVC框架--学习笔记(上):https://blog.csdn.net/a745233700/article/details/81038382 17.全局异常处理: 系统中异常包 ...
SpringMVC框架--学习笔记（上）
1.SpringMVC入门程序: (1)导入jar包:spring核心jar包.spring-webmvc整合Jar包 (2)配置前端控制器:web.xml文件中 <?xml version=& ...

HAP框架学习之——LOV使用

HAP框架学习之——LOV使用相关推荐

最新文章

热门文章