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’); }把这句加上，就可以显示了

layui表格下拉框无法显示相关推荐

layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果
Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...
layui修改框中等下拉框取值问题_layui下拉框不显示的问题
1.先检查有没有引入layui.js 2.然后看有没有被包住, 3.查看是否有以下代码 layui.use('form', function(){ var form = layui.form; }) ...
layui 数据表格下拉框_LayUi数据表格中嵌套下拉框
layui嵌套下拉框实用方法(附效果图) 在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析: 我们可以通过layui ...
两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
layui select(下拉框)修改事件监听
layui select(下拉框)修改事件监听示例(节选): 当下拉框选项修改后,自动执行my_function函数. HTML部分: <select id="camera_strea ...
vue在列表和下拉框中显示icon图标
vue在列表和下拉框中显示icon图标一. 在项目中引入阿里云icon图标二. 在data中定义icon图标列表三. 在下拉框中显示icon图标四. 在列表中显示icon图标五. 在el-c ...
关于duilib CComboUI控件下拉框字体显示与xml 设置不相符的问题
duilib的下拉列表框的字体无法通过itemfont自定义关于duilib CComboUI控件下拉框字体显示与xml 设置不相符的问题解决办法: 添加链接描述在设置全局字体属性时,设置字 ...
joomla异常处理之--文章编辑时单元下拉框无法显示细目
最近,完成了网站的迁移,然而在测试时,发现一个异常情况:文章编辑时单元下拉框无法显示细目,百般查找,没有头绪,后来在一篇文章(详见:参考资料)的启示下,查找并解决了这个问题 joomla异常处理之-- ...
layui 数据表格下拉框_layui-table-column-select（layui数据表格可搜索下拉框select）
layui-table-column-select 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/kkk12/layu ...

layui表格下拉框无法显示

layui表格下拉框无法显示相关推荐

最新文章

热门文章