layui表格下拉框无法显示

                                  layui表格下拉框无法显示
开发工具与关键技术:java
作者:彭浩达
撰写时间:2019年 7月 4日

$(function () {
layui.use([‘layer’, ‘table’], function () {
layuiTable = layui.table;
layer = layui.layer,
//执行渲染
employee = layuiTable.render({
elem: ‘#Accessoryform’
, url: ‘/Market/SelectSesssion?type=sMarket’ //数据接口
, cols: [[ //表头
{ type: ‘numbers’, title: ‘序号’ },
{ field: ‘Code’, title: ‘配件编码’, width: 170 },
{ field: ‘PartsName’, title: ‘配件名称’, width: 170 },//hide:true 隐藏列
{ field: ‘PartsSpecification’, title: ‘配件规格’, width: 170, event: ‘setSign’ },
{ field: ‘col’, title: ‘仓库’, width: 170, templet: ‘#switchTpl’ },//绑定下拉框
{ field: ‘CarType’, title: ‘车型’, width: 90 },
{ field: ‘Unit’, title: ‘单位’, width: 90 },
{ field: ‘Count’, title: ‘数量’, edit: ‘text’, width: 90 },
{ field: ‘SellPrice’, title: ‘销售价格’, width: 170 },
{ field: ‘Discount’, title: ‘折扣’, edit: ‘text’, width: 170 },
{ field: ‘Money’, title: ‘金额’, width: 90 },
{ field: ‘SellInvoiceNumber’, title: ‘零售单号’, width: 90 },
{ field: ‘text’, title: ‘备注’, width: 90 },
]],
});
//监听双击表头事件
$(document).on(“dblclick”, “th”, function () {
Commoditycategoryall();
})
//监听修改事件
layuiTable.on(‘edit(Accessoryform)’, function (obj) {
var a = obj.tr[0].rowIndex;
var data = obj.data //得到所在行所有键值
$.post(“updatetSesssion”, { s_parts: data,a:a}, function(date) {
employee.reload({url: ‘/AccessoriesMarket/MarketOrder/SelectSesssion/’});
});
});
//监听行单击事件
layuiTable.on(‘row(Accessoryform)’, function (obj) {
var data = obj.data;
obj.tr.addClass(‘layui-table-click’).siblings().removeClass(‘layui-table-click’);
});
});

返回的结果时点击不了下拉框的虽然可以显示
在这里插入图片描述
done: function (res, curr, count) {
//数据渲染完的回调。
//由于layui 设置了超出隐藏,所以这里改变下,以兼容操作按钮的下拉菜单
$(".layui-table-body, .layui-table-box, .layui-table-cell").css(‘overflow’, ‘visible’); }把这句加上,就可以显示了
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值