superyin

superyin

75飞吻 2018-5-4 加入 来自长沙

(这个人懒得留下签名)

superyin 最近的提问

superyin 最近的回答

  • 2天前数据表格里面如何加入select中回答:

    @秋谷 非常感谢,还有一个问题,就是选择后只能修改input的值,并不能修改table的数据值。
  • 2天前准备做一个layui可编辑table的小控件中回答:

    需求大,我就碰到了,特别是select还没解决。
  • 3天前数据表格里面如何加入select中回答:

    .layui-form-select dl {
    position: fixed;
    top: initial;
    left: initial;
    min-width: 220px;
    }

    这个办法解决问题,不过在移动模式下面 不显示。
  • 3天前table 中添加下拉框中回答:

    @solomon415 正好需要这个,但是碰到一个问题,选项后如何赋值到表格数据。
  • 3天前table加入select表单元素,位置偏移并不能下拉显示中回答:

    @小蜜蜂0 还不是很可行,下拉选项被表格所覆盖,应该在表格之上才行。
  • 3天前数据表格里面如何加入select中回答:

    @夕阳刻痕 当有比较多的数据的时候,你的方法可以了,如果只有1条数据的情况下,下拉选项被table遮盖,应该就是这个问题了。
  • 3天前数据表格里面如何加入select中回答:

    @夕阳刻痕 还是不行,应该是下拉菜单被遮挡的原因。
  • 3天前数据表格里面如何加入select中回答:

    @夕阳刻痕 加了,select的下拉菜单还是显示不了,应该被什么遮挡了。
  • 3天前数据表格里面如何加入select中回答:

    @夕阳刻痕 加了也是一样的。
  • 3天前数据表格里面如何加入select中回答:

    @秋谷
    直接根据【数据表格】-》【加入表单元素】改造
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="static/vendor/layui/css/layui.css">


    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>



    <body>

    <table class="layui-hide" id="test"></table>

    <script type="text/html" id="switchTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo" {{ d.id == 10003 ? 'checked' : '' }}>
    </script>

    <script type="text/html" id="checkboxTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="lock" value="{{d.id}}" title="锁定" lay-filter="lockDemo" {{ d.id == 10006 ? 'checked' : '' }}>
    </script>


    <script type="text/html" id="selectCityTpl">
    <!-- 这里的 Selected 的状态只是演示 -->
    <select name="city" lay-filter="selectDemo" >
    <option value="" ></option>
    <option value="0" >北京</option>
    <option value="1" selected>上海</option>
    <option value="2" >广州</option>
    <option value="3" >深圳</option>
    <option value="4" >杭州</option>
    </select>
    </script>



    <script src="static/vendor/layui/layui.js"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->

    <script>
    layui.use('table', function(){
    var table = layui.table
    ,form = layui.form;

    table.render({
    elem: '#test'
    ,url:'static/js/test.js'
    ,cellMinWidth: 80
    ,cols: [[
    {type:'numbers'}
    ,{type: 'checkbox'}
    ,{field:'id', title:'ID', width:100, unresize: true, sort: true}
    ,{field:'username', title:'用户名', templet: '#usernameTpl'}
    ,{field:'city', title:'城市', templet: '#selectCityTpl'}
    ,{field:'wealth', title: '财富', minWidth:120, sort: true}
    ,{field:'sex', title:'性别', width:85, templet: '#switchTpl', unresize: true}
    ,{field:'lock', title:'是否锁定', width:110, templet: '#checkboxTpl', unresize: true}
    ]]
    ,page: true
    });

    //监听性别操作
    form.on('switch(sexDemo)', function(obj){
    layer.tips(this.value + ' ' + this.name + ':'+ obj.elem.checked, obj.othis);
    });

    //监听锁定操作
    form.on('checkbox(lockDemo)', function(obj){
    layer.tips(this.value + ' ' + this.name + ':'+ obj.elem.checked, obj.othis);
    });
    });
    </script>

    </body>
    </html>





  • 4天前数据表格里面如何加入select中回答:

    @秋谷 都加了。
  • 4天前table 中添加下拉框中回答:

    怎么取值,怎么取值,谢谢。
  • 2018-7-6 21:29:25table加入select表单元素,位置偏移并不能下拉显示中回答:

    谢谢,不过上述方法试了下,还有些问题。