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();

 

 

 

 未完待续.