专栏首页xdecodelayui使用心得

layui使用心得

表单控件样式没生效, 因为没引入form.

1       layui.use('form', function(){
2           var form = layui.form;
3       });    

radio改变事件没生效, 需要手动filter, 因为样式是美化后的

    form.on('radio(layout)', function(data){
       var layoutValue = data.value;
    });

数据表格如何展示图片, 需要使用templet

 1 layui.use('table', function(){
 2     var table = layui.table;
 3 
 4     table.render({
 5         elem: '#demo',
 6         url: FR.serverURL + FR.servletURL + '?op=im&cmd=allImage', //数据接口
 7         page: false, //开启分页
 8         cols: [[ //表头
 9             {field: 'image', title: '图片', width:200, fixed: 'left',templet:'<div><img src="{{ d.image}}"></div>'},
10             {field: 'id', title: 'ID', width:400},
11         ]]
12     });
13 
14 });

页面动态导入layer.js, 显示弹窗.

 1                 FR.$defaultImport("/com/fr/plugin/nativeprint/layui/lay/modules/layer.js", "js")
 2                 FR.$defaultImport("/com/fr/plugin/nativeprint/layui/css/modules/layer/default/layer.css", "css")
 3                 layer.open({
 4                     type: 2,
 5                     title: false,
 6                     area: ['1000px', '600px'],
 7                     shade: 0.8,
 8                     closeBtn: 0,
 9                     shadeClose: true,
10                     content: ['http://localhost:8075/WebReport/ReportServer?op=native_print&cmd=preview&sessionID=' + sessionID, 'no']
11                 });

修改select未生效, 因为没调用form.render()

1 $('#printpage').val('2');
2 layui.form.render();

 未完待续.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Spring之AOP

    之前在另外一篇博文里介绍过AOP的概念, 这边不在赘述, 可以参考 AOP与动态代理 本文主要介绍Spring中AOP的应用. 切入点: 具体实现类的方法 ...

    用户1216491
  • 后端架构师技术图谱

    转自: GitHub/architect-awesome , 大体结构如下(更新时间: 2018-06-22)

    用户1216491
  • Java内存模型与指令重排

    用户1216491
  • iOS 秒杀倒计时 从服务器获得时间戳秒杀开始和结束倒计时。

    +(NSArray *)getTwoDataMin:(NSString *)stamp1 andWith:(NSString *)stamp2{

    ZY_FlyWay
  • java 踩雷日记--new

    DrawSky
  • Flask 扫盲系列-Flask 上下文

    上一次我们做了一个简单的在线股票走势网站,今天我们来继续完善下网站功能,并学习些新的 Flask 知识点。

    周萝卜
  • Python基础知识3:re正则表达式

    正则表达式(或RE)是一种小型的、高度专业化的编程语言,内嵌在Python中,仅做字符的匹配。 1、字符类型: 普通字符和元字符; 1)普通字符:大多数的字符和...

    企鹅号小编
  • 二本毕业,我是如何成为BAT 安卓开发工程师?

    13年,我从一个二本学院的化学专业毕业。许多同学毕业后都是在制药工厂上班,朝九晚六,拿着微薄的工资。那个时候的自己很迷茫,总觉得未来不该如此淡然无味。一波波得招...

    Android技术干货分享
  • Android--PathMeasure基本用法

    aruba
  • uCOS | 事件

    事件是一种实现任务间通信的机制,主要用于实现多任务间的同步,但事件通信只能是事件类型的通信,无数据传输。与信号量不同的是,它可以实现一对多,多对多的同步。即一个...

    飞哥

扫码关注云+社区

领取腾讯云代金券