Effort

Effort VIP0

820飞吻 2019-4-23 加入 来自嘉兴

(这个人懒得留下签名)

Effort 最近的回答

  • 2019-7-18 11:31:32table中的formselect不能显示在最上层中回答:

    @咩咩咩咩咩 upd 的话上面的看不到~
  • 2019-7-18 11:24:32table中的formselect不能显示在最上层中回答:

    @咩咩咩咩咩
     <select id="qksjjd_cont" name="qksjjd" lay-verify="qksjjd"
    xm-select="qksjjd"
    xm-select-direction="down">
    <select>
    还是一样的情况~
  • 2019-7-18 11:17:44table中的formselect不能显示在最上层中回答:

    请问有人吗
  • 2019-7-16 10:8:50给table注入一点灵魂:表格筛选、excel导出、拖动列调整顺序、拖动列快速隐藏和显示列、子表中回答:

    请问子表只能插入不复杂的表头吗?

     var tbData = [{ 'zhtfl': '主合同', 'htbh': 'ht-01', 'xmbh': 'xm-01', 'htfx': '(150-200)', 'dysjlx': '别墅', 'htqdgs1': '浙江公司', 'htqdgs2': '重庆公司' }
    , { 'zhtfl': '补充协议', 'htbh': 'ht-02', 'xmbh': 'xm-02', 'htfx': '(150-180)', 'dysjlx': '别墅', 'htqdgs1': '浙江公司', 'htqdgs2': '重庆公司' }
    , { 'zhtfl': '主合同', 'htbh': 'ht-03', 'xmbh': 'xm-03', 'htfx': '(120-150)', 'dysjlx': '别墅', 'htqdgs1': '浙江公司', 'htqdgs2': '重庆公司' }]

    table.render({
    elem: '#tb-contract',
    data: tbData,
    // url:'',
    id:'tbContract1',
    toolbar: '#toolbarDemo',
    cols: [[ //标题栏

    { title: '是否编辑', type: 'checkbox' ,fixed:'left', rowspan: 2 }
    , { title: '序号', type: 'numbers',fixed:'left', rowspan: 2 }
    , { title: '操作', width: 80,fixed:'left', align: 'center', toolbar: '#table-useradmin-admin', rowspan: 2 }
    , { align: 'center', title: '合同基本信息', colspan: 3 }
    , { align: 'center', title: '报价信息', colspan: 2 }
    , { align: 'center', title: '签约模式', colspan: 2 }
    , { align: 'center', width: 80, title: '付款节点', colspan: 2 }
    , { align: 'center', width: 80, title: '付款表', rowspan: 2,show:2, children:[
    {
    title: '表格一'
    // ,url: 'data.json'
    ,data:tbData
    ,height: 300
    ,limit: 10000000
    ,page: false
    ,toolEvent: function (obj) {

    }
    ,cols: [[
    { field: 'zhtfl', title: '主合同分类', width: 180,align:'center' }
    , { field: 'htbh', title: '合同编号', width: 180,align:'center'}
    , { field: 'xmbh', title: '项目编号', width: 180,align:'center' }
    , { field: 'htfx', title: '合同分项', width: 180,align:'center', filter: true, }
    , { field: 'dysjlx', title: '对应设计类型', width: 180,align:'center', filter: true, }
    , { field: 'htqdgs1', title: '合同签订公司1', width: 180,align:'center' }
    , { field: 'htqdgs2', title: '合同签订公司2', width: 180,align:'center' }
    ]]
    ,done: function () {
    layui.soulTable.render(this);
    }
    }
    ] }
    ], [
    { field: 'zhtfl', title: '主合同分类', width: 180,align:'center' }
    , { field: 'htbh', title: '合同编号', width: 180,align:'center'}
    , { field: 'xmbh', title: '项目编号', width: 180,align:'center' }
    , { field: 'htfx', title: '合同分项', width: 180,align:'center', filter: true, }
    , { field: 'dysjlx', title: '对应设计类型', width: 180,align:'center', filter: true, }
    , { field: 'htqdgs1', title: '合同签订公司1', width: 180,align:'center' }
    , { field: 'htqdgs2', title: '合同签订公司2', width: 180,align:'center' }
    ,{title: '付款表', width:100, children:[
    {
    title: '表格一'
    // ,url: 'data.json'
    ,data:tbData
    ,height: 300
    ,limit: 10000000
    ,page: false
    ,toolEvent: function (obj) {

    }
    ,cols: [[
    { field: 'zhtfl', title: '主合同分类', width: 180,align:'center' }
    , { field: 'htbh', title: '合同编号', width: 180,align:'center'}
    , { field: 'xmbh', title: '项目编号', width: 180,align:'center' }
    , { field: 'htfx', title: '合同分项', width: 180,align:'center', filter: true, }
    , { field: 'dysjlx', title: '对应设计类型', width: 180,align:'center', filter: true, }
    , { field: 'htqdgs1', title: '合同签订公司1', width: 180,align:'center' }
    , { field: 'htqdgs2', title: '合同签订公司2', width: 180,align:'center' }
    ]]
    ,done: function () {
    layui.soulTable.render(this);
    }
    }
    ]}
    ]],
    page: true,
    filter: {
    items:['data','condition'] //用于控制表头下拉显示,可以控制顺序、显示
    // ,clearFilter: true // table.reload 清除筛选条件,默认false,不清除
    ,bottom: false // 是否显示底部筛选区域,默认为true
    ,cache: true // 是否缓存数据列顺序等数据(刷新页面也不丢失),默认false
    },
    done: function (res, curr, count) {
    // console.log(this)
    soulTable.render(this)
    }
    });
  • 2019-6-27 15:49:33数据表格如何不出现省略号,并且超出的让他下面出现滚动条?中回答:

    换行了解一下
    .layui-fluid .layui-table-cell  {
    /* height: 35px; */
    line-height: 20px;
    padding: 5px 5px ;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: visible;
    height:auto;
    overflow:visible;
    text-overflow:inherit;
    white-space:normal;
    }
  • 2019-6-27 15:48:59前端项目怎么打包呢中回答:

    压缩文件就完事了
  • 2019-6-26 17:23:36select超出table部分,如何不出现滚动条,显示在外面中回答:

    心累,没有人吗
  • 2019-6-26 16:10:31asdsdf中回答:

    qwertyuiopasdfghjklzxcvbnm
  • 2019-6-26 16:10:0layui formSelects 怎么针对指定的option进行禁用 中回答:

    @ 加我qq26324636吧,社区传个图比较麻烦的
  • 2019-6-26 16:9:24layui formSelects 怎么针对指定的option进行禁用 中回答:

    @ 你数据加载的时候,有没有form.render,表单重新渲染
  • 2019-6-26 16:8:35layui formSelects 怎么针对指定的option进行禁用 中回答:

    @ll_lll 正解~我看到了,那么就好操作了
  • 2019-6-26 16:7:40layui formSelects 怎么针对指定的option进行禁用 中回答:

    @
    我遍历后,他好像是有在的
    console.log($('#edit_company'))

  • 2019-6-26 16:3:33layui formSelects 怎么针对指定的option进行禁用 中回答:

    @ 因为在表单渲染的时候,slect他会被渲染成dl,dd,所以不是option了,那隐藏是否可以呢?
  • 2019-6-26 15:57:44layui formSelects 怎么针对指定的option进行禁用 中回答:

    @
    <select name="edit_company"  id="edit_company" lay-filter="company"></select>
    function getCompanyList(){
    var company = $('#edit_company')[0];
    $.ajax({
    type: "GET",
    dataType:"text",
    url: "/Admin/arr_company",
    data: {
    },
    async: true,
    success: function(data) {
    var json = JSON.parse(data).company;
    //将返回的公司列表动态添加到select中
    //我觉得你可以在这边进行数据处理,比如下面if判断
    for(var a in json){
    if(条件符合){
    company.innerHTML += '<option value="' + json[a].corporation +'">' + json[a].corporation +'</option>'
    }else{
    company.innerHTML += '<option disabled value="' + json[a].corporation +'">' + json[a].corporation +'</option>'
    }

    }
    //一定要表单重载,不然会显示不出
    form.render('select');

    }
    })

    }
    以上代码仅供参考
  • 2019-6-26 15:53:37layui formSelects 怎么针对指定的option进行禁用 中回答:

    @ 我觉得可以在你请求数据过来,插入进去的时候进行处理
  • 2019-6-26 15:47:53layer.open打开一个子页面后,父页面的值怎么传给子页面的表单中回答:

    layer.open({
    title: '编辑用户'
    ,type:1
    , area: ['400px', '400px']
    , skin: 'layui-layer-rim'
    , id: 'userlist-edit'
    , btn: ['保存', '重置密码', '取消']
    , success: function (layero, index) {
    view(this.id).render('adminOpera/user_edit',{id:id}); //这边就是我带的用户的id参数
    }
    })
    在uesr_edit,html页面中
    <script type="text/html" template>
    <input type="hidden" name="id" value="{{ d.params.id }}"> //用于获取父页面传过来的id
    </script>
    接下来么,可以在页面上,通过id像后端异步请求数据,加载在页面上

    以上仅供参考
  • 2019-6-26 15:41:53layui formSelects 怎么针对指定的option进行禁用 中回答:

    <select>
    <option value="a" disabled></option>
    <option value="b"></option>
    </select>
    当然,你要获取select下面的option对象,给他动态加disable的属性
  • 2019-6-26 9:44:33超过列的内容会出现个编辑框,要怎么去掉?中回答:

    @mojin 写在当前页的style中吧,不要去改源文件~
  • 2019-6-26 9:43:13超过列的内容会出现个编辑框,要怎么去掉?中回答:

    @mojin 对不起,我错了,应该写样式的,参考一下~
    .layui-fluid .layui-table-cell  {
    /* height: 35px; */
    line-height: 20px;
    padding: 5px 5px ;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: visible;
    height:auto;
    overflow:visible;
    text-overflow:inherit;
    white-space:normal;
    }
  • 2019-6-26 9:38:1怎样实现数据表格中的td为空时可以编辑,不为空时不开启编辑中回答:

    <script type="text/html" id="temp_caozuoren">
    {{# if( d.caozuoren === ""){ }}
    <input type="text" name='caozuoren' >
    {{# } else { }}
    {{d.caozuoren }}
    {{# } }}
    </script>

    { title: '操作人', width: 150, templet: '#temp_caozuoren',field: 'caozuoren'}
  • 2019-6-26 9:34:43如何在在表格中显示图片中回答:

    页面:
    <script type="text/html" id="temp_img">
    <img src="{{d.imgUrl}}" >
    </script>
    表格渲染的:
    { title: '头像', width: 80, templet: '#temp_img', field: 'imgUrl' }
  • 2019-6-26 9:31:39超过列的内容会出现个编辑框,要怎么去掉?中回答:

    渲染表单的时候,加上个宽度,会自动换行
     { title: '企业名称', width: 150}
  • 2019-6-25 16:48:15关于layui.form提交表单后,无法接收到返回值中回答:

    form.on('submit(formDemo)', function(obj){

    console.log(obj)
    var data = {
    'number':obj.field.number,
    'pwd':obj.field.password
    }
    $.ajax({
    type: "POST",
    dataType: 'json',
    contentType: 'application/json',
    url: "/login",
    data: JSON.stringify(data),
    async: true,
    success: function(res) {
    console.log(res)
    }
    })
    })
  • 2019-6-25 16:46:40关于layui.form提交表单后,无法接收到返回值中回答:

    试试ajax
    $.ajax({
    type: "POST",
    dataType: 'json',
    contentType: 'application/json',
    url: "/login",
    data: JSON.stringify(data),
    async: true,
    success: function(res) {
    console.log(res)
    }
    })
  • 2019-6-25 16:40:40layui挺好的!中回答:

    是啊,最近一直在研究
  • 2019-6-25 16:40:10判断无效;不知道什么原因中回答:

    注意 ===
  • 2019-6-25 16:38:57如何通过js获取layui方法渲染的表格的所欲数据中回答:

    @flyer672582 哈哈这个也是我今天刚遇到的问题,可以加我qq26324636,交流一下
     $('input').change(function () {
    console.log($(this))
    var that = $(this)[0];
    var dataIndex = that.dataset.dataindex; //当前操作哪一行
    var name = that.name; //input的name
    var value = that.value; //Input更改的值
    table.cache['tb-yuebao'][dataIndex][name] = value; //表格数据更新缓存
    console.log(table.cache['tb-yuebao'][dataIndex])
    })
  • 2019-6-25 16:18:3【未解决】如何点击table外部按钮,获取table中的最新数据,非table加载的原始数据中回答:

    @ll_lll 我也是这么想的,把监听出来的数据,再更新到table的缓存中,谢谢~
    $('input').change(function () {
    console.log($(this))
    var that = $(this)[0];
    var dataIndex = that.dataset.dataindex;
    var name = that.name;
    var value = that.value;
    table.cache['tb-yuebao'][dataIndex][name] = value;
    console.log(table.cache['tb-yuebao'][dataIndex])
    })
  • 2019-6-25 16:14:6如何通过js获取layui方法渲染的表格的所欲数据中回答:

    在table.render中,定义个id:'xxxx'

    <div class="layui-btn layui-btn-normal layui-btn-sm" data-type="add">新增test</div>
    <div class="layui-btn layui-btn-normal layui-btn-sm" data-type="get">获取信息test</div>
        var active = {
    add: function () {
    //新增的处理
    }
    ,get:function(){
    var data = table.cache['xxxx']; //xxxx为上面定义的id
    console.log(data) //data就是表格中所有的数据
    }

    }
    $('.layui-btn').on('click', function () {
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
    });
  • 2019-6-25 15:37:32【未解决】如何点击table外部按钮,获取table中的最新数据,非table加载的原始数据中回答:

    @IDyun 关键表单组件,有80列,每个监听是不是太麻烦了呀?