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 条评论
登录 后参与评论

相关文章

来自专栏coding

引用第三方样式库实现动画

animate.css是一个能渲染出炫酷效果的css库,只需引用该css库,在相应的元素上加上class类名,即可实现。

701
来自专栏工具

推荐springboot banner(ASCII特殊文字)在线生成工具,实现自定义banner文字

如果文字工具不能满足需求,还可以选择更多的ASCII文字或者图形,截图如下(部分效果):

1.5K0
来自专栏Nian糕的私人厨房

jQuery 动态绑定

这是在项目过程中所遇到的一个问题,给 JS 动态生成的元素绑定事件失效,代码如下所示:

2013
来自专栏React Native开发圈

React Native 截屏组件

截取当前屏幕,跟系统自带的截图一致,只会截取当前屏幕显示的页面内容。如果是ScrollView,那么未显示的部分是不会被截取的。

1362
来自专栏计算机编程

【vue随手笔记】MuseUI 自定义 select 适配 mobile

通过 emit将result值发给外部实现字父组件的双向绑定,于是父组件获取result值即:

1212
来自专栏Python小屋

Python爬虫基础:常用HTML标签和Javascript入门

大部分HTML标签是闭合的,由开始标签和结束标签构成,二者之间是要显示的内容,例如:<title>网页标题</title>。也有的HTML标签是没有结束标签的,...

1331
来自专栏好好学习吧

在博文顶部添加文章字数及阅读时间信息:阅读本文需要xx分钟

3026
来自专栏无原型不设计

【Mockplus教程】页面属性

每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠...

3346
来自专栏WindCoder

Jquery控制input与selected

当以form表单提交,diabled时无法获取数值,readonly可以获取到数值。

1811
来自专栏WD学习记录

HTML.Label

如果用户单击 label,浏览器会把焦点传送给相关的输入控件 ,这一点对于复选框和单选按钮特别有用,

651

扫码关注云+社区

领取腾讯云代金券