zoukankan      html  css  js  c++  java
  • LayUI table表格控件 如何显示 对象中的属性(针对Mybatis的级联查询--一对一情况)

    1.entity如下:

    2.Mybatis的Mapper.xml文件如下

    <resultMap id="BaseResultMapPlus"
            type="dicItem">
            <id column="ID" jdbcType="VARCHAR" property="id" />
            <result column="TYPE_ID" jdbcType="VARCHAR" property="typeId" />
            <result column="ITEM_CODE" jdbcType="VARCHAR"
                property="itemCode" />
            <result column="ITEM_NAME" jdbcType="VARCHAR"
                property="itemName" />
            <result column="SORT_VALUE" jdbcType="SMALLINT"
                property="sortValue" />
            <result column="DEFAULT_FLAG" jdbcType="TINYINT"
                property="defaultFlag" />
            <association property="dicType" javaType="dicType">
                <result column="DIC_NAME" jdbcType="VARCHAR"
                    property="dicName" />
            </association>
        </resultMap>
    

     3.layui table页面 代码如下--重点

    layui.use(["form","table"], function(){
    		  var table = layui.table;
    		  var form = layui.form;
    		  //方法级别渲染
    		  table.render({
    					    elem: '#dataDicTable'
    					        ,url: '${pageContext.request.contextPath}/dataDictionaryItem/findDataDictionaryItem.do'
    					        ,method: 'post'
    					        ,request: {
    					       	  	pageName: 'curr' //页码的参数名称,默认:page
    					       		,limitName: 'limit' //每页数据量的参数名,默认:limit
    					        		} 
    					        ,page:true
    					        ,id: 'dataDicTableReload'
    					        ,limit: 10
    					        ,limits:[10,15,20,50]//每页条数的选择项,默认:[10,20,30,40,50,60,70,80,90]。优先级低于 page 参数中的 limits 参数。
    					        ,cols: [[
    					        	  {templet:'<div>{{createrFormat(d.dicType.dicName)}}</div>',align: 'left', title:'字典类型'}  
    						          ,{field:'itemName',align: 'left', title:'项目名称'}
    						          ,{field:'itemCode',align: 'left', title:'项目值'}
    					        ]]
    				  });
     
    //模板方法
    function createrFormat(o){
    		return o;
    		}
    

     4.强调

    ,cols: [[
                                      {templet:'<div>{{createrFormat(d.dicType.dicName)}}
    
     
    
    
    //模板方法
    function createrFormat(o){
            return o;
            }
  • 相关阅读:
    关于EKT相关知识(类的反射)
    关于EKT的相关知识(类加载)
    jsoup中selector的用法及作用
    xml相关的Dom解析
    Jsoup的快速入门
    java.sql.SQLException: Column count doesn't match value count at row 1
    JAVA调用存储过程、存储函数
    注解的使用场景-反射与知识点
    JDK1.5新特性
    在JDK中,主要由以下类来实现Java反射机制
  • 原文地址:https://www.cnblogs.com/watermelonban/p/10069801.html
Copyright © 2011-2022 走看看