前端开发


layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案,最终实现效果如下: div class="layui-input-inline"select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-searchoption value=""选...
2024-07-05 前端开发
1291

layui动态表格条件if else语句判断的方式
在Layui动态表格中,可以使用JavaScript的if else语句来进行条件判断...
2024-06-27 前端开发
246

layui table展示页表格中加入下拉选择框
layui 展示页表格中加入下拉选择框,最终 实现效果图: 1.在初始化表格的列cols中添加: { field: 'paid', sort: true, title: '付款状态', align: "center", templet:function (d) { return 'select name="paid" class="sel_xlk" lay-filter="stateSelect"...
2024-06-13 前端开发
232

layui table的toolbar根据状态展示不同按钮
layui table的toolbar根据状态展示不同按钮,具体实现的功能如下,对于列中是已发布的,不显示发布和删除按钮 具体代码如下,需要先在table的列中定义一个templet为toolBar: script type="text/html" id="toolBar" !-- d代表的是layui 引擎模板中所使用的单...
2024-06-13 前端开发
495

layui table 上面的switch开关切换,并获取表格里所有数据
场景需求: 在layui.table上面渲染后的列表上面加一个switch开关,监听switch开关的动作,实现本列数据的状态切换! 数据表格配置参数 layui.table.options.cols配置如下、重点看 state 那一行 table.render({ elem: '#demo' ,height: 312 ,url: '/demo/tabl...
2024-06-12 前端开发
428

layui Table自定义工具栏和搜索参数
layUI Table自定义工具栏和搜索参数,先看实现效果: HTML代码部分: div class="container-fluid" table class="layui-hide" id="test" lay-filter="test"/table/divstyle .layui-input, .layui-unselect, .layui-select-title { height: 30px; }/stylescrip...
2024-06-12 前端开发
112

layui表格中使用自定义templet模板
我们在使用layui table展示数据时候,如果对一些字段不加特殊处理,前端表格直接显示数据库存储信息是不合适的,例如数据库有一个类型字段:0和1,0表示国产,1表示进口,前端显然不能直接显示0和1,而是应该根据后端返回的数字进行判断,展示相应的内容。 la...
2024-06-11 前端开发
196

KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
KnockoutJS是一款流行的JavaScript库,针对一个web应用程序的建立提供了比较好的基础架构。其中,表单的数据绑定功能是KnockoutJS最为常用的功能之一。本文将详细讲解KnockoutJS 3.x...
2023-12-10 前端开发
35

用javascript实现改善用户体验之alert提示效果
下面是用javascript实现改善用户体验之alert提示效果的完整攻略。...
2023-12-10 前端开发
72

从0到1学习JavaScript编写贪吃蛇游戏
在学习JavaScript编写贪吃蛇游戏之前,需要掌握以下的前置知识:...
2023-12-10 前端开发
20


前台js改变Session的值(用ajax实现)
要实现“前台js改变Session的值(用ajax实现)”,我们需要通过以下步骤来实现:...
2023-12-10 前端开发
67