www_soft86_cn

www_soft86_cn

260飞吻 2020-3-27 加入 来自深圳

(这个人懒得留下签名)

www_soft86_cn 最近的提问

www_soft86_cn 最近的回答

  • 2020-5-19 3:59:4加载form模块时,form表单必须在最外层编写吗中回答:

    @奈何青楼又满座 这个还真没有注意过哦~ 不知道下面的图片能不能帮到你进一步认识Layui.form~
  • 2020-5-4 10:5:19数据表格展示图片 路径错误中回答:

    我的想法 这种场景采用文档中第二种模板引用方式实现较为合适:
    table.render({
    cols: [[
    {field:'title', title: '文章标题', width: 200
    ,templet: function(d){
    return 'ID:'+ d.id +',标题:<span style="color: #c00;">'+ d.title +'</span>'
    }
    }
    ,{field:'id', title:'ID', width:100}
    ]]
    });

    文档:https://www.layui.com/doc/modules/table.html#templet
  • 2020-4-21 23:23:0layer如何向子页面传递参数中回答:

    在父页面使用layer.open()打开新的页面,在新页面需要引用到父页面的数据,如果layer.open.content对应的值,不是页面不能直接传递参数的情况下(conteng:'new_page.html?id=xxx') ,可否采用:在父页面定义了一个JS变量dataId,点击表格的时候监听到数据的ID将其赋值到dataId,在子页面用window.parent.dataId来获取父页面的ID值?

    供参考!我在实际项目中用了其它方式;
  • 2020-4-19 10:20:16 layer.confirm('您确定要删除此条信息吗?', { 报错中回答:

    @小白爱你 从异常信息来分析原因,只能是使用layer的页面中没有引入或者引用不成功 layui或是layer模块 ;

    你控制台调试一下 看看页面引用的layui对象 应该能找到原因 ;

    不具备查看引发异常的代码环境,能交流的只能到这一步啦
  • 2020-4-19 9:35:39 layer.confirm('您确定要删除此条信息吗?', { 报错中回答:

    你那个红叉的错误信息没有发出来,猜的话,像是没有引用到Layui的js
    <body>

    <!-- 你的HTML代码 -->

    <script src="../layui/layui.js"></script>
    <script>
    //一般直接写在一个js文件中
    layui.use(['layer', 'form'], function(){
    var layer = layui.layer
    ,form = layui.form;

    layer.msg('Hello World');
    });
    </script>
    </body>
  • 2020-4-18 14:35:45如何获取序号列的值中回答:

    @flyer727845 以我目前的了解,通过 table.checkStatus('demo1').data 获取到的是表格的数据源,是获取不到 layui渲染的type: 'numbers' 通过表格工具栏与表格行工具栏的监听事件是可以按上面获取tr再获取tr index;
  • 2020-4-18 14:32:35树组件问题中回答:

    其实应该可以这样,如果将背景的CSS设置定义成一个
    .c-bc{
    background-color: red;
    }

    点击的时候:
    //删除已生效元素的的class
    $(".c-bc").removeClass("c-bc");
    //点击的元素添加class
    obj.elem.find('.layui-tree-main').first().addClass("c-bc");
  • 2020-4-18 14:17:21如何获取序号列的值中回答:

    @flyer727845 社区中有相似的帖子:console.log(obj.tr.data('index')); 获取表格tr的的index即可
  • 2020-4-17 21:8:36如何在点击一个表格的时候通过获取的某些数据触发另一个表格的复选框为选中状态,求教中回答:

  • 2020-4-17 18:39:59关于layui-form 的class属性对于原生选择框影响的问题中回答:

    Layui文档有说明的:UI的最终呈现得益于 Form模块 的全自动渲染,她将原本普通的诸如select、checkbox、radio等元素重置为你所看到的模样。
  • 2020-4-17 18:10:31有人用layui做过权限管理吗?中回答:

    @伊丈夫 在线演示:http://www.soft86.cn/jbms/login 文档:http://www.soft86.cn/doc/user_permission 交流学习吧!
  • 2020-4-17 18:4:31有人用layui做过权限管理吗?中回答:

    @伊丈夫 明白你的意思了 你是想了解一些应用中如何去设计权限的 我推荐你的那种权限可以在线体验及有文档说明的 你可以在网站中看看;

  • 2020-4-17 17:54:34有人用layui做过权限管理吗?中回答:

    @伊丈夫 Java开源 社区资源丰富 又跨平台 企业级应用都会考虑用JAVA语言的
    你说的权限只是一种技术应用 与用什么编程语言没关系啦 你熟悉什么语言 就用什么语言去构建业务系统对应的权限体系就可以了 比如动作权限 一般都是基于角色配置系统的操作权限,一般分模块-菜单-页面操作权限 等等。。。
  • 2020-4-17 17:44:18有人用layui做过权限管理吗?中回答:

    @伊丈夫 这是Java的 用的SpringBoot结合SpringMVC模式 C#暂时没了解哦!
  • 2020-4-17 17:30:23有人用layui做过权限管理吗?中回答:

    百度一下:jbms
  • 2020-4-16 10:47:31如何在点击一个表格的时候通过获取的某些数据触发另一个表格的复选框为选中状态,求教中回答:

  • 2020-4-16 10:46:59如何在点击一个表格的时候通过获取的某些数据触发另一个表格的复选框为选中状态,求教中回答:

    @与皮卡丘合体
    //idTblApiUser 为表格的id值
    var tbDatas = ctable.cache.idTblApiUser;

    //获取数据后 JQ遍历即可做相应的逻辑获取到指定的数据
    $.each(tbDatas, function(i, item){
    console.info(item.content_type);
    });
  • 2020-4-15 14:14:26请问table的data属性应该如何使用?中回答:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <!-- <link rel="stylesheet" href="../common/layui/css/layui.css">
    <script src="../common/js/jquery2.1.4.js"></script>
    <script src="../common/js/jquery.cookie.1.4.1.js"></script>
    <script src="../common/layui/layui.all.js"></script>
    <script src="../common/js/less.js"></script> -->

    <title>创网科技知了好学后台管理系统</title>

    <link rel="stylesheet" href="../../lib/layui/2.5.6/layui/css/layui.css"/>
    </head>
    <body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
    <div class="layui-logo">创网科技知了好学</div>
    <!-- 头部区域(可配合layui已有的水平导航) -->
    <ul class="layui-nav layui-layout-left">
    <li class="layui-nav-item"><a href="home/home.html">商户管理</a></li>
    <li class="layui-nav-item"><a href="finance/finance.html">财务系统</a></li>
    </ul>
    <ul class="layui-nav layui-layout-right">
    <li class="layui-nav-item">
    <a href="javascript:;">
    贤心
    </a>
    <!--<dl class="layui-nav-child">-->
    <!--<dd><a href="">基本资料</a></dd>-->
    <!--<dd><a href="">安全设置</a></dd>-->
    <!--</dl>-->
    </li>
    <li class="layui-nav-item"><a href="">退出登录</a></li>
    </ul>
    </div>

    <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
    <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
    <ul class="layui-nav layui-nav-tree" lay-filter="test">
    <li class="layui-nav-item layui-this"><a href="">商户管理</a></li>
    </ul>
    </div>
    </div>

    <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
    <button class="layui-btn" type="button" onclick="openForm()">点我</button>
    </div>
    </div>

    <div class="layui-footer">
    <!-- 底部固定区域 -->
    © layui.com - 底部固定区域
    </div>
    </div>

    <script src="../../lib/jq/jquery-1.9.1.min.js"></script>
    <script src="../../lib/layui/2.5.6/layui/layui.all.js"></script>
    </body>
    <script>
    var form =layui.form,table=layui.table,laydate = layui.laydate,upload = layui.upload;
    function openForm() {
    var tData = [
    {
    "content_type":"test"
    ,"brand":"test"
    ,"img":"test"
    }
    ];

    var tData2 = {
    "status": 0,
    "message": "",
    "total": 180,
    "data": {
    "item": [
    {
    "content_type":"test"
    ,"brand":"test"
    ,"img":"test"
    }
    ]
    }
    };

    layer.open({
    type:1,
    title: '新增店铺'
    ,shade:0.3
    //,area:'900px'
    ,area: ['700px', '550px']
    ,skin: 'form-padding'
    ,content:'<table id="course_content" lay-filter="course_content"></table>'
    ,success:function (e) {
    table.render({
    elem: '#course_content' //指定原始表格元素选择器(推荐id选择器)
    ,data:tData
    ,page: true //开启分页
    ,cols: [[ //表头
    {field: 'content_type', title: '课程内容类型'}
    ,{field: 'brand', title: '文本类型内容'}
    ,{field: 'img', title: '图片'}
    ,{field: 'ctools', title: '工具栏',toolbar:true}
    ]]
    ,id: 'idTblApiUser'
    });
    }
    })
    }
    </script>
    </html>
  • 2020-4-15 14:13:29请问table的data属性应该如何使用?中回答:

  • 2020-4-15 13:50:0请问table的data属性应该如何使用?中回答:

    @白马最牛逼的人 好啦 我看看先
  • 2020-4-15 13:47:57关于layui-tree的问题?中回答:

    @Angel丨灬泪雨 哎呀!看错人了 以为你是楼主 不好意思 尴尬了
  • 2020-4-15 13:47:8关于layui-tree的问题?中回答:

  • 2020-4-15 13:46:34关于layui-tree的问题?中回答:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../../lib/layui/2.5.6/layui/css/layui.css"/>
    </head>
    <body>

    <div id="id-tree-menu" class="demo-tree-box"></div>

    <script src="../../lib/jq/jquery-1.9.1.min.js"></script>
    <script src="../../lib/layui/2.5.6/layui/layui.all.js"></script>

    <script>
    $(function() {
    layui.use(['tree'], function(){
    var ctree = layui.tree;

    var treeData = [
    {
    title: '江西',
    id: 1,
    children: [
    {
    title: '南昌',
    id: 1000,
    children: [
    {
    title: '青山湖区',
    id: 10001
    },
    {
    title: '高新区',
    id: 10002
    }
    ]
    },
    {
    title: '九江',
    id: 1001
    },
    {
    title: '赣州',
    id: 1002
    }
    ]
    },
    {
    title: '广西',
    id: 2,
    children: [
    {
    title: '南宁',
    id: 2000
    },
    {
    title: '桂林',
    id: 2001
    }
    ]
    },
    {
    title: '陕西',
    id: 3,
    children: [
    {
    title: '西安',
    id: 3000
    },
    {
    title: '延安',
    id: 3001
    }
    ]
    }
    ];

    ctree.render({
    elem: '#id-tree-menu'
    ,showCheckbox: true
    ,data: treeData
    ,id: 'idTreeMenu'
    });
    });
    });
    </script>
    </body>
    </html>
  • 2020-4-15 13:31:18请问table的data属性应该如何使用?中回答:

    引发异常跟数据源没关系的;

    不了解你的完整场景应用,帮不到你更多;

    如果最后还是搞不定 联络我 帮你搞定
  • 2020-4-15 13:27:1请问table的data属性应该如何使用?中回答:

  • 2020-4-15 13:26:29请问table的data属性应该如何使用?中回答:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../../lib/layui/2.5.6/layui/css/layui.css"/>
    </head>
    <body>

    <table class="layui-hide ctable" id="id-tbl-apiUser" lay-filter="f-apiUser"></table>

    <script src="../../lib/jq/jquery-1.9.1.min.js"></script>
    <script src="../../lib/layui/2.5.6/layui/layui.all.js"></script>

    <script>
    $(function() {
    layui.use(['table'], function(){
    var ctable = layui.table;

    var tData = [
    {
    "content_type":"test"
    ,"brand":"test"
    ,"img":"test"
    }
    ];
    ctable.render({
    elem: '#id-tbl-apiUser'
    //,toolbar: '#idTblToolApiUser'
    //,method: 'get'
    ,data:tData
    ,size: 'sm'
    //,request: {limitName: 'rows',pageName:'page'}
    ,text:{
    none: '暂无数据'
    }
    ,title:'API用户'
    ,response: {statusCode: 'SUCCESS'}
    // ,page: {
    // layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
    // ,groups: 3
    // ,first: '首页'
    // ,last: '尾页'
    // }
    // ,parseData: function(res){
    // return {
    // "code": res.code,
    // "msg": res.msg,
    // "count": res.page.total,
    // "data": res.page.list
    // };
    // }
    ,cols: [[
    {type:'checkbox',fixed: 'left'}
    ,{field:'content_type', title: 'content_type列', width:180,sort: true}
    ,{field:'brand', title: 'brand列', width:180,sort: true}
    ,{field:'img', title: 'img列', width:180,sort: true}
    ]]
    ,id: 'idTblApiUser'
    });
    });
    });
    </script>
    </body>
    </html>
  • 2020-4-15 13:4:30如何在点击一个表格的时候通过获取的某些数据触发另一个表格的复选框为选中状态,求教中回答:

    @www_soft86_cn LAY_CHECKED:true 表明这条数据对应左侧复选框的状态为选中 试一试

    另外你要考虑用哪种方式获取右侧表格的数据,是通过表格直接获取数据(固定的数据),还是从再加载数据(需要动态加载的);

    总之就是获取数据后根据逻辑给指定数据行添加上面说的属性再重新加载表格;
  • 2020-4-15 13:0:15如何在点击一个表格的时候通过获取的某些数据触发另一个表格的复选框为选中状态,求教中回答:

    有一种思路:监听点击左侧表格的行(文档有说明)时候,重新加载右侧表格的数据,要点是你需要设置为选中的数据条需要添加一个属性:LAY_CHECKED:true, 如Json:dataObj.put("LAY_CHECKED", true);
  • 2020-4-15 12:52:18关于layui-tree的问题?中回答:

    我分析应该是数据源的结构出现了问题,你先在后台不要用真实的数据,参考示例中组建一个最简单的数据源返回出来,如果加载了树那么就是数据源出来了问题;

    或者将你查询出来的树组件的数据源发出来,我帮你看一下;
  • 2020-4-12 12:47:33请问要怎么隐藏数据表格?中回答:

    @过客4561 有一个不是太好的办法;用Js或Jquery获取class=layui-table-view的js对象数组或jquery对象数组(Dom的渲染顺序不会变化获取的表格Dom也是按顺序的),通过数组中的索引来为指定表格设置display; 供参考暂时我也没有花时间去研究有没有更好的处理方法, 希望layui未来可以提供表格的直接隐藏与显示,