layui使用心得

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

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

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

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

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

layui.use('table', function(){
    var table = layui.table;

    table.render({
        elem: '#demo',
        url: FR.serverURL + FR.servletURL + '?op=im&cmd=allImage', //数据接口
        page: false, //开启分页
        cols: [[ //表头
            {field: 'image', title: '图片', 200, fixed: 'left',templet:'<div><img src="{{ d.image}}"></div>'},
            {field: 'id', title: 'ID', 400},
        ]]
    });

});

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

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

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

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

 未完待续.