• ligerUi弹出一个div窗口,并且带样式


    js主要看红色字体即可

    (注意这里的html不能换成text方法,不然没有样式的,$("#wczMsg").html(rtn);
           $("#searchWcz").click(function() {  
                  var url = __ctx+"/yjfhltjbwczb/yjfhltjbwczb/yjerrordatarecord/getWczMsg.ht";
                    var rq = $("#hidRq").val();
                  var params = {
                      rq : rq
                  }
                   $.ajax({
                      url:url,
                      data:params,
                      type:"post",
                      async:true,
                      success:function(rtn){
                          $("#wczMsg").html(rtn);
                          $.ligerDialog.open({
                              target: $("#wczMsg"),
                              title:'查询信息',
                               900,
                              height: 450
                              });
                      },
                      error:function(rtn){
                          $.ligerDialog.alert(rtn);
                      }
                  });  
           });

    div 放那都行

    <div id="wczMsg"  style="display:none"></div>

    java后台 异步请求返回的字符串,自己随意添加样式即可

    @RequestMapping("getWczMsg")
        @ResponseBody
        public String getWczMsg(HttpServletRequest request) throws Exception {
            String result = "false";
            String rq = request.getParameter("rq");
    
            try {
                Yjerrordatarecord swdlWcz = yjerrordatarecordService.getByRqAndZdlx(yd);
                result =
                "<b>电量:</b><br>"+
                "上一日电量("+swdlWcz.getZrjldl()+") - 上一日积分("+swdlWcz.getZrjfdl()+") = 差值("+swdlWcz.getDlrwcz()+")<br>";
    
                
                logger.info(result);
            } catch (Exception e) {
                logger.info("查询失败!!!" + e.getMessage());
                result = "查询失败!!!"+ e.getMessage();
            }
            return result;
        }

    关闭div

    $.ligerDialog.hide();

    附上一条layer框架的open

    //页面层-自定
    layer.open({
       type: 1,
       title: false,
       closeBtn: 0,
       shadeClose: true,
       skin: 'yourclass',
       content: '自定义HTML内容'
    });
  • 相关阅读:
    Spring Boot基础
    MyBatis开启二级缓存
    MyBatis逆向工程
    html实现“加入收藏”代码
    vue-router 基本使用
    vue 脚手架安装
    webpack入门 webpack4常见出错之处
    $.ajax()方法详解
    防止网页被嵌套
    H5字符实体参考
  • 原文地址:https://www.cnblogs.com/rdchen/p/14715352.html
Copyright © 2020-2023  润新知