前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >layui使用心得

layui使用心得

作者头像
用户1216491
发布2018-01-24 16:12:29
2K0
发布2018-01-24 16:12:29
举报
文章被收录于专栏:xdecodexdecode
表单控件样式没生效, 因为没引入form.
代码语言:javascript
复制
1       layui.use('form', function(){
2           var form = layui.form;
3       });    
radio改变事件没生效, 需要手动filter, 因为样式是美化后的
代码语言:javascript
复制
    form.on('radio(layout)', function(data){
       var layoutValue = data.value;
    });
数据表格如何展示图片, 需要使用templet
代码语言:javascript
复制
 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, 显示弹窗.
代码语言:javascript
复制
 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()
代码语言:javascript
复制
1 $('#printpage').val('2');
2 layui.form.render();

 未完待续.

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-12 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 表单控件样式没生效, 因为没引入form.
  • radio改变事件没生效, 需要手动filter, 因为样式是美化后的
  • 数据表格如何展示图片, 需要使用templet
  • 页面动态导入layer.js, 显示弹窗.
  • 修改select未生效, 因为没调用form.render()
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档