精华内容
下载资源
问答
  • layui表格下拉框无法显示

    千次阅读 2019-07-08 08:09:12
    layui表格下拉框无法显示 开发工具与关键技术:java 作者:彭浩达 撰写时间:2019年 7月 4日 $(function () { layui.use([‘layer’, ‘table’], ...layuiTable = layui.table; layer = layui.layer, //执...
                                      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下拉框样式失效问题

    千次阅读 2019-03-04 11:33:58
    今天在调试Layui下拉框时,发现下拉框的样式失效,经过后期的调试发现,layui下拉框的样式想要生效,必须要在js里面使用 layui.use(["form","table"], function(){ }); 这个layui的初始...

    今天在调试Layui的下拉框时,发现下拉框的样式失效,经过后期的调试发现,layui的下拉框的样式想要生效,必须要在js里面使用

    layui.use(["form","table"], function(){
    
    });

    这个layui的初始化方法,因为它的内部有给标签增加样式的方法,勿忘!

    展开全文
  • 今天小编就为大家分享一篇layui固定下拉框的显示条数(有滚动条)的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 获取下拉框被选中的值

    千次阅读 2019-09-23 09:03:53
    layui 获取下拉框被选中的值 获取被选中的text var tag = $('select[name="tag"] option:selected').text(); 获取被选中的value var tag = $('select[name="tag"] option:selected').val(); 以上需要jquery...

    layui 获取下拉框被选中的值

    1. 获取被选中的text
    var tag = $('select[name="tag"] option:selected').text();
    
    1. 获取被选中的value
    var tag = $('select[name="tag"] option:selected').val();
    

    以上需要jquery支持

    展开全文
  • layui渲染下拉框,设置下拉框,设置验证 <div class="layui-form-item"> <label for="department_id" class="layui-form-label"> <span class="x-red">*</span>部门 </label&...

    layui渲染下拉框,设置下拉框,设置验证

     <div class="layui-form-item">
                    	 <label for="department_id" class="layui-form-label">
                            <span class="x-red">*</span>部门
                        </label>
                        <div class="layui-input-block">
                            <select name="department_id" id="department_id" lay-filter="department_id" required  lay-verify="required">
                            	<option value="">--</option>
                            	<c:forEach items="${department_li }" var="item">
                            	<option value="${item.did }" <c:if test="${s.department_id eq item.did}">selected </c:if>  >${item.dname }</option>
                            	</c:forEach>
                            </select>
                        </div>
                    </div>
                    
                    <div class="layui-form-item">
                    	 <label for="professional" class="layui-form-label">
                            <span class="x-red">*</span>科室
                        </label>
                        <div class="layui-input-block">
                            <select name="chamber_id" id="chamber_id" lay-filter="chamber_id" required  lay-verify="required">
                           		<option value="">--</option>
                            </select>
                        </div> 
                    </div>
    <div class="layui-form-item">
    	                <button class="layui-btn" type="submit" lay-submit lay-filter="formDemo">保存</button>
    	                <button class="layui-btn" type="reset">重置</button>
    	             </div>
    
    

    关键代码:设置需要渲染的下拉框,用 lay-filter
    id=“department_id” lay-filter=“department_id”

    js代码如下:

    layui.use(['form','layer'], function(){
            	  var form = layui.form;
            	  
            	  //监听提交
            	  form.on('submit(formDemo)', function(data){
            	    return true;
            	  });
            	  
            	  getChamber($('#department_id').val());  
              	form.on('select(department_id)', function(data){
                  	var department_id=(data.value);
                  	getChamber(department_id);
              	});
    
              	
              	function getChamber(department_id){
              		$("#chamber_id").html("");
              		 form.render('select');
              		if($.trim(department_id).length==0)return;
                 		 $.ajax({
                	                type: 'POST',
                	               url : "${ctx}/chamber/selectByDid",
    	  			    			data : {
    	  			    				department_id : department_id
    	  			    			},
                	                dataType:  'json',
                	                success: function(data){
      	           	                $.each(data, function(key, val) {
      	           								var option1 = $("<option>").val(val.cid).text(val.cname);
      	           								if("${s.chamber_id}"==val.cid)$(option1).attr('selected','selected');
      	           	                   			
      	           	                   			$("#chamber_id").append(option1);
      	           	                            form.render('select');
      	           	                 }); 
                	                }
                	       }); 
                  } 
            	});
    

    Layui 监听 select 获取自定义属性值

    form.on('select(doctor_id)', function(data){
                	var f= $(data.elem).find("option:selected").attr("data-f");
                	$('#money').val(f); 
                	 
            	}); 
    
    展开全文
  • layui通过下拉框动态渲染多级表头之前遇到的坑 直接上图解决方法 之前遇到的坑 直接上图 选择第二个下拉框时 选回第一个下拉框时 表头全乱了 原本写法是 通过监听下拉框控制表格重载 报错 解决方法 通过监听...
  • 项目需要用layui的三级联动,自己整理了一下,做个记录 1.表结构设计 CREATE TABLE `dt_area` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键', `area_name` varchar(16) DEFAULT NULL COMMENT '区域...
  • Layui(table下拉框)

    千次阅读 2019-07-17 21:08:43
    用到的是layui插件,主要是layui插件的table模块。目的是要做到内嵌入select,并且通过select回填相对应的数据。 刚开始为无数据状态,然后添加一行数据,绑定好table内的select所需要的数据 然后是根据修理项目的...
  • layui tree下拉框选择

    千次阅读 2019-01-22 09:29:30
    参考网址:https://www.cnblogs.com/yysbolg/p/8968992.html html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&...layui&lt;/title&gt; &lt;meta n
  • layui使用disabled禁用下拉框生效后但是还是可以输入 只要将元素中的lay-search="" 去掉就不能输入了
  • layui,下拉框模糊搜索功能

    千次阅读 2019-07-05 11:47:54
    原文地址:https://www.cnblogs.com/weiyangoo/articles/7097123.html <!DOCTYPE html> <html> <head> <meta charset="utf-8">...layui</title> <meta name="render...
  • 需要引用的js 和css文件 <link href="~/Content/scripts/layui-formSelects/formSelects-v4...--多选下拉框HTML代码--> <div class="layui-form-item"> <div class="layui-inline"> <label cl
  • .layui-table-cell, .layui-table-tool-panel li{ overflow:visible !important; } 加以上样式
  • 我使用的是后台传出map值和ajax自动在当前页面请求并渲染layui的form,记住给下拉框select的父元素form或者div增加class="layui-form"属性,还要
  • layui实现下拉框select多选,取值

    千次阅读 2019-07-31 11:22:00
    首先需要的js及css,可以直接在layui官网上下载:...link href="~/layui-v2.5.4/layui/css/layui.css" rel="stylesheet" /> <script src="~/layui-v2.5.4/layui/layui.js"></script...
  • 项目需要用layui的三级联动,自己整理了一下,做个记录1.表结构设计CREATE TABLE `dt_area` (`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '区域主键',`area_name` varchar(16) DEFAULT NULL COMMENT '区域名称',`...
  • @{ Layout = null; } <!DOCTYPE html> <html>...meta name="viewport" content="width=device-width" />...link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="st
  • layui 的增删改查 。。。 废话不多说上代码 由于时间原因 暂时只实现了查询的后台完整代码 其他的会之后贴出来 其实与查询相似 有需要的可以等我贴出 也可以照着查询仿写 先展现效果 前台代码 ...
  • layui的select 若已经给了选项的数据,它还会动态生成另外一段代码: <dl class="layui-anim layui-anim-upbit"/> 想自己添加动态的数据,则我们也需要添加: <dl class="layui-anim layui-anim-upbit"/&...
  • layui-input-block&amp;amp;quot; style=&amp;amp;quot;width:190px&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;select name=&amp;amp;quot;&amp;amp;quot; id=&amp;amp;quot...
  • &lt;!--弹框的dom结构--&gt; &lt;div id="add_activity"&gt; &lt;div style="width: 95%;...layui-form" lay-filter="formTest"&gt;
  • 如表格中所示,我们要实现的是,当我们选中水果的时候,二级下拉框弹出苹果、橘子、香蕉这三个选项,蔬菜,肉类也同理 数据库 首先是数据库(以MySQL为例),我们新建一个数据库 tp5,在该数据库中再新建一张表 ...
  • layuiTable表格里的select下拉框设置默认选中的值 表格里面嵌套下拉框无法显示默认值 最近在做一款后台管理系统的时候,表格里面需要嵌套select下拉,在请求后台拿到对表格进行数据填充的时候发现select无法展示默认...
  • 1,引入插件tableSelect layui.config({ base: '/static/layui-v2.5.6/ext/',// 第三方模块所在目录 version: 'v1.5.10' // 插件版本号 }).extend({ soulTable: 'soulTable/soulTable', tableChild: 'soulTable...
  • @{ ViewBag.Title = “MySelfWeb”; //Layout = “~/Views/Shared/_Layout.cshtml”; Layout = null; Layout = “~/Views/Shared/_LayoutMain.cshtml”; } Myself <style type="text/css">... }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 921
精华内容 368
关键字:

layui的table的下拉框