精华内容
下载资源
问答
  • @{ 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
    @{
        Layout = null;
    }
    
    <!DOCTYPE html>
    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>学生基础维护</title>
        <link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />
        <style>
            /*设置下拉框高度和表格单元格相同*/
          td .layui-form-select{
             margin-top:-10px;
             margin-left:-15px;
             margin-right:-15px;
            }
          .layui-table-cell{
              overflow:visible;
          }
           .layui-table-box{
              overflow:visible;
          }
            .layui-table-body{
              overflow:visible;
          }
        </style>
    </head>
    <body>
    
        <div class="container-fluid">
            <div class="row  mt-3">
                <div class="col-1 mr-auto">
                    <button type="button" class="btn btn-sm btn-primary" onclick="InserClassclick()">保存</button>
                </div>
                <div class="col-auto">
                    <button type="button" class="btn btn-sm btn-primary" onclick="openGrade()">批量设置班级</button>
                    <button type="button" class="btn btn-sm btn-primary" onclick="openSpecialty()">批量设置课程</button>
                   
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <table id="tabAcademe" lay-filter="tabAcademe"></table>
                </div>
            </div>
        </div>
        <script src="~/Plugins/jquery-3.2.1.min.js"></script>
        <script src="~/Plugins/layui/layui.js"></script>
        <script>
            var tabAcademe;
            var layer, layuiTable, form;
    
            $(function () {
                layui.use(['layer', 'table', 'form'], function () {
                    layer = layui.layer,
                    layuiTable = layui.table;
                    form = layui.form;
    
                    //初始化学生信息表
                    tabAcademe = layuiTable.render({
                        elem: '#tabAcademe',
                        url: "/StudentManagement/StudentTeacher/selectStudently",
                        cols: [[//表头
                            { type: "checkbox", fixed: "left" },
                            { type: "numbers", title: "序号" },
                            { field: "studentID", title: "studentID", hide: true },
                            { field: "SpecialtyID", title: "SpecialtyID", hide: true },
                            { field: "RecruitStudentID", title: "RecruitStudentID", hide: true },
                            { field: "RecruitStudentName", title: "姓名", align: "center" },
                            { field: "RecruitStudentSex", title: "性别", align: "center"},
                            { field: "SpecialtyName", title: "专业名称", align: "center" },
                            { field: "RecruitIDcard", title: "身份证号", align: "center"},
                            { field: "Dateofbirth", title: "出生日期", align: "center" },
                            { field: "ClassID", title: '班级', templet: ClassName },
                        ]],
                        page: {
                            limit: 10,//指定每页显示的条数
                            limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项
                        },
                        data: [],
                        done: function (res, curr, count) {
                            tabAcademe = res.data;
                            //去掉下拉框失焦事件否则在下拉框里输入值
                            $('.layui-form-select').find('input').unbind("blur");
                            //表格重载回显下拉框里的数据
                            $('tr').each(function (e) {
                                var $cr = $(this);
                                var dataIndex = $cr.attr("data-index");
                                $.each(tabAcademe, function (index, value) {
                                    if (value.LAY_TNDEX == dataIndex) {
                                        $cr.find('input').val(value.ClassName);
                                    }
                                });
                            });
                        }                 
                    });         
                  //  表格中下拉框点击事件
                    form.on('select(Classname)', function (data) {
                        //获取下拉框选中的值
                        var elem = data.othis.parents('tr');
                        var dataindex = elem.attr("data-index");
                        $.each(tabAcademe, function (index, value) {
                            if (value.LAY_TABLE_INDEX == dataindex) {
                                value.ClassID = data.value;//把选中下拉框id值赋值给表格缓存
                            }
                        });            
                    });
                });
            });
    
            //自定义班级下拉框
            function ClassName() {
                var str = '<select lay-filter="Classname">';
                $.ajax({
                    url: '/StudentManagement/StudentTeacher/selectClassName',
                    type: 'post',
                    async: false,
                    success: function (data) {
                        for (i in data) {
                            str+='<option value='+data[i].id+'>'+data[i].text+'</option>';
                        }
                        str += '</select>';
                    }
                });
                return str;
            }     
        </script>
    </body>
    </html>
    控制器的查询方法省略
    

    在这里插入图片描述

    展开全文
  • layui表格下拉框无法显示

    千次阅读 2019-07-08 08:09:12
    layui表格下拉框无法显示 开发工具与关键技术:java 作者:彭浩达 撰写时间:2019年 7月 4日 $(function () { layui.use([‘layer’, ‘table’], function () { 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监听下拉框值得变化,大家都知道官方文档给我们提供了一个方法 form.on('select(demo)',function(data){ console.log(data.value)//打印当前select选中的值 }) 按照我之前的理解,监听下拉框值得变化,...
  • UITextFieldUITextFieldDemo 效果 特点 1.有效定制键盘的样式 2.处理键盘对文本框的遮挡 用法 1.导入文件(UITextField+CreateInputAccessoryView.h/.m) ...&lbrack;地图SkyLine二次开发&...

    UITextField

    UITextFieldDemo 效果 特点 1.有效定制键盘的样式 2.处理键盘对文本框的遮挡 用法 1.导入文件(UITextField+CreateInputAccessoryView.h/.m) ...

    &lbrack;地图SkyLine二次开发&rsqb;关于IE内存限制问题&lpar;1G&rpar;

    相信很多人也遇到过同样的问题,地图加载中,IE占用的内存一直增加,到了1G多一些的时候,IE就崩溃了. 在网上查阅了一番,有很多结果,下面归纳一下: a).64bit的IE最多可达到4G的内存,但Sk ...

    【转】Android:控件Spinner实现下拉列表

    原文网址:http://www.cnblogs.com/tinyphp/p/3858920.html 在Web开发中,HTML提供了下拉列表的实现,就是使用元素实现一个下拉 ...

    soapUI参数中文乱码问题解决方法 &lpar;groovy脚本中文乱码&rpar;

    soapUI参数中文乱码问题解决方法 可能方案1: 字体不支持中文,将字体修改即可: file-preferences-editor settings-select font 修改字体,改成能显示中文 ...

    C&num;图片压缩处理

    近期在做相冊功能遇到一个问题,就是载入图片的时候然后放大,感觉有点卡.图片可能有点大,所以考虑用缩略图来实现. 也就是在查询出来一个相冊图片  ,一页显示几十张,这几十张用缩略图来显示,看相信情况的时 ...

    (&commat;WhiteTaken)设计模式学习——抽象工厂模式

    抽象工厂模式,可以向客户端提供一个接口,而客户端不用指定具体的类型创建对象,却能够创建多个产品族(一类具有共性产品,如地域等)的对象. 下面直接上代码. 1.苹果需要实现水果的接口,而苹果可以有北方的 ...

    迷茫&lt&semi;第四篇:这两年&gt&semi;

    时间匆匆而过,不知不觉已经是到北京的第二个年头,又到年末,2017年接近了尾声,提前预祝各位看官元旦节快乐! 今年3月份跳槽了一次,4月份以高级开发工程师职位进来现在的公司一直工作到现在,没有以前那么 ...

    dos 打开计算机管理

    一. 首先打开[运行]程序:二. 运行中输入‘CMD’:三. 然后在上面输入‘compmgmt.msc’,就可以打开“计算机管理”命令了.

    java学习--异常

    异常的概念 java异常是java提供的用于处理程序中错误的一种机制 所谓的错误是指在程序运行过程中发生的一些异常事件.如除0溢出,数组下标越界,文件不存在 设计良好的程序应该在异常发生时,提供处理这 ...

    ecstore-自定义app里增加对应的wap的模板

    注意第二个参数空第三个参数是自定义app名称$this->page('wap/member/recmembers.html','','ecstoreapprcomp2p');

    展开全文
  • layui 获取下拉框ID 

    2021-04-12 15:27:35
    form.on('select(lay-SELECT)', function (data) { var x = data.elem.getAttribute("id"); } });

    form.on('select(lay-SELECT)', function (data) {
                    var x = data.elem.getAttribute("id");
       
                    }
                });

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

    千次阅读 2019-07-27 14:35:53
    在平时的下拉框查询我们是利用一个方法来查询数据库中的数据的,而如果在layui数据表格中需要定义一个下拉框查询的方法又该怎么办呢,其实也很简单,接下来请看看如何在layui表格中自定义下拉框 如上图所示:在...
  • Layui插件表格下拉框

    万次阅读 2019-07-06 22:01:00
    开发工具与关键技术: Vs 、Layui插件表格下拉框 作者:木有窝的鸟~小通 撰写时间:2019年7月6日 使用到layui插件的小伙伴可能都会发现,其实在layui插件表格里边添加下拉框或者input标签文本框都是比较复杂的...
  • layui的插件效果,优化基础layui的原装组件的效果。 layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,...
  • 解决layui表格下拉框同时使用时,下拉框被表格遮当问题
  • layui表格下拉框联动的实现

    千次阅读 2020-05-12 15:39:53
    可把下列代码在https://www.layui.com/demo地址内演示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no...
  • 第一步 form表单里写好一个下拉框 <div class=layui-form-item> <label class=layui-form-label>下拉选择框 <div class=layui-input-block> <select id=selectId name=interest lay-filter=city> </...
  • 表格嵌套下拉框

    2019-03-22 13:36:46
    通过鼠标点击,在表格相应位置自动填入选择的内容,简洁方便高效,亲测,可用(版本已经转换为最低版本)!!
  • 语句给下拉框赋初值,赋值之后,下拉框里是显示已经选中的状态了,可页面显示却对应不上,正常的情况下,应该显示‘未知’,可现在却显示默认值,网上搜着用 $(...
  • layui下拉框赋值与设置监听事件

    千次阅读 2019-06-26 23:05:00
    下拉框赋值给value $("#selectxxx").val(‘1’); form.render(‘select’); 监听下拉选框选择事件,xxx-select-filter需在html中声明的lay-filter form.on(‘select(xxx-select-filter)’, function(data) ...
  • layui表格内部制作下拉框

    千次阅读 2019-09-28 16:11:48
    以下css会导致你的table左右滑动条不管用,都显示在前台,但是不这么做就会导致下拉框无法向上弹出 <style type="text/css">... td[data-field='DEVICE_NAME'] .layui-table-cell { overflow: visible...
  • layui表格单元格中插入下拉框

    千次阅读 2021-02-04 16:38:01
    这个实现采用了layui 社区一位大神的代码,在此感谢大神的分享,我自己做个记录,也给使用layui 的小伙伴们做一个分享。 思路是这样的 可以使用自定义模板返回select节点然后在done回调中form.render(‘select’);...
  • 表头工具栏 ,select下拉框,随着下拉框的变化,切换下面表格的值;并且表格单元格内插入时间控件和实现可编辑。 (为了***,个别变量进行修改,可能不规范,理解一下意思) 代码如下: planPaymentTable= table...
  • 加入以下样式 .layui-table-cell, .layui-table-tool-panel li{ overflow:visible !important; }
  • LayUi数据表格中嵌套下拉框

    千次阅读 2020-12-24 17:49:57
    layui嵌套下拉框实用方法(附效果图)在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析:我们可以通过layui的表单监听的方式实现效果form....
  • layui数据表格加入下拉框

    千次阅读 2020-08-11 11:17:23
    解决加入下拉框下拉框内容被隐藏 <table id="demo" lay-filter="test"></table> <script> layui.use(['table', 'jquery', 'form'], function () { var table = layui.table; var form = ...
  • 今天小编就为大家分享一篇Layui表格行工具事件与数据回填方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • base: '/static/layui-v2.5.6/ext/',// 第三方模块所在目录 version: 'v1.5.10' // 插件版本号 }).extend({ soulTable: 'soulTable/soulTable', tableChild: 'soulTable/tableChild', tableMerge: '
  • 如下所示: <!DOCTYPE html> <html> <head> <title>排课设置<...content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">...link rel="stylesheet
  • .layui-form-select dl{z-index:9999;} /*.layui-table-cell{overflow:visible;}*/ .layui-table-box{overflow:visible;... /* 设置下拉框的高度与表格单元相同 */ td .layui-form-select{ ...
  • Apple iPhone 11 (A2223) 128GB 黑色 移动联通电信4G手机 双卡双待4999元包邮去购买 >layui-table-column-...码云地址:https://gitee.com/kkk12/layui-table-select一、介绍此项目是为了解决layui table表格...
  • layui给select下拉框赋值

    千次阅读 2020-12-19 12:04:56
    转:layui给select下拉框赋值//重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.form(); //高版本建议把括号去掉,有的低版本,需要加()form.render();});}//赋值部分$....
  • https://www.layui.com/doc/element/form.html ...注意,就算是只有一个下拉框,你也得用form包裹起来 <form class="layui-form" action=""> <div class="layui-form-item"> <l...
  • layui数据表格中嵌套下拉框时,下拉框不能正常弹出,仔细观察发现,点击下拉框时会有一个短暂的弹出动画,马上又消失了,遂猜想,大概是显示的问题,可能是被覆盖了,那么解决覆盖就可以了。 如图, 下拉框...

空空如也

空空如也

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

layui表格下拉框