
前端相关
前端相关
学吧太深了
这个作者很懒,什么都没留下…
展开
-
background属性:linear-gradient使用
前端:<td class=" " style=" cursor:pointer;background: linear-gradient(to right,red 25%,blue 25%,blue 50%,green 50%,green 75%,yellow 75%);">1102</td>效果:说明:linear-gradient(颜色朝向,第一个颜色结束,第二个颜色开始,第二个颜色结束,第三个颜色开始,第三个颜色结束,第四个颜色开始)...原创 2021-03-03 16:42:00 · 2707 阅读 · 1 评论 -
div标签中的span标签,多行文字水平,垂直居中
自定义css:tr td div{ background-image: url("${bdcdjUrl}/static/img/loginElement.jpg"); background-size: 100%; width: 180px; height: 180px; margin: 0 auto; cursor: pointer; text-align: center; display: table; //原创 2021-02-26 15:22:04 · 1274 阅读 · 0 评论 -
form表单,tr循环生成,当超出页面显示时无滚动条
1. 在 form 外部加一个 div ;2. 设置 div 的属性,宽、高、overfow 属性等;3. 需要设置 table 的宽;4. 具体代码:<div class="bootbox-body" style="width: 650px;height: 400px;overflow-y: auto"> <form id="zdform" novalidate="novalidate"> <div class="UItable"&g原创 2021-01-22 15:39:45 · 777 阅读 · 0 评论 -
layui不同 li 不同数据表格,当前数据表格刷新后原定位到之前的 li
代码实现:$.ajax({ url: '../zjjgx/searchDataThree?searchDjbhThree='+searchDjbhThree+'&searchXybhThree='+searchXybhThree+'&searchHtbhThree='+searchHtbhThree, dataType: 'json', success: function (obj) { if (obj.success){原创 2021-01-12 09:12:40 · 701 阅读 · 0 评论 -
点击回车,完成登录功能
点击按钮或点击回车键,进行登录://登录功能$("#login-button").click(function () { $("#login-form").submit();});//回车登录var EnterSubmit = function(evt){ evt= window.event || evt; if (evt.keyCode == 13){ //若按下了回车键,则执行login()方法登录系统 $("#login-form").submit(); }};w原创 2021-01-08 16:01:47 · 313 阅读 · 0 评论 -
layui的totalRow默认为两位小数,按需要修改为整数
项目中只引用了layui的js。<script src="../static/layui/layui.js" charset="utf-8"></script>需要修改静态资源 …\resources\static\layui\lay\modules\table.js 里面的数据。1.定位到table.js文件的 i.eachCols 位置:2.修改 d=function的方法:3.具体内容:d=function(){var e=o.totalRowText || "原创 2021-01-05 16:36:08 · 2877 阅读 · 0 评论 -
layui的exports插件,导出excel时,长数字为科学计数法解决
在代码阶段,在数据的后面添加: \t 即可。//协议状态转换for (ZjjgxyVo zjjgxyVo : zjjgxyVoList){ String xyzt = ZjjgxyZtUtil.zjjgxyZtNumToString(zjjgxyVo.getXyzt()); zjjgxyVo.setXyzt(xyzt); //监管账号数据加 \t 导出时不转换为科学计数 String s = zjjgxyVo.getJgzh() + "\t"; zjjgxyVo.原创 2021-01-05 13:52:27 · 1306 阅读 · 0 评论 -
layui关闭当前页
在ajax成功后,确认按钮点击,关闭当前弹窗页://关闭当前页var index = parent.layer.getFrameIndex(window.name);parent.layer.close(index);实际应用:layui.use('form',function () { var form = layui.form; //买方退款和撤销 $("#mftkCx").click(function () { var cxmm = $("#cxmm原创 2020-12-31 11:44:29 · 453 阅读 · 0 评论 -
layui下,在ajax中使用prop等方法无效
layui前端框架中,使用ajax,返回的success方法中进行prop等操作,无效,解决办法:使用form.render(‘checkbox’)进行checkbox的重新渲染。//获取办理进度$("#secondTitle").click(function () { //监管id var xybh = $('#xybh').val(); $("#xybhjd").val(xybh); //协议编号-进度 //后端查询数据 $.ajax({ ur原创 2020-12-29 16:01:16 · 644 阅读 · 0 评论 -
Layui表格头部工具栏取消默认的三个功能
在toolbar开启的状态下,通过配置defaultToolbar: [] 可以取消默认的所有功能,默认开启的是所有的defaultToolbar: [ ‘filter’, ‘print’, ‘exports’]layui.use('table', function(){ var table = layui.table; table.render({ elem: '#test' ,url:'/zjjgx/getData'原创 2020-12-28 15:45:37 · 4921 阅读 · 0 评论 -
前端alert之后,点击确定,进行页面刷新
前端alert之后,点击确定,进行页面刷新$.ajax({ url:'../zjjgx/cxZjjgx', data: {'zjjgx':s}, type: 'post', dataType :'json', success: function (obj) { if (obj.success){ layer.alert(obj.msg,'',function () { location.relo原创 2020-12-28 11:15:37 · 1410 阅读 · 0 评论 -
让html中的文字不可被选中
css代码:.unselectable { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}div中引用:<div class="unselectable">div内容</div>原创 2020-12-17 09:55:32 · 626 阅读 · 0 评论 -
thymeleaf 的 th:each 标签示例
控制层:@Controllerpublic class ThirdThymeleafController { @GetMapping("/third") public String third(Model model) { String msg = "hello,thymeleaf"; User user1 = new User(1, "张三", 23); User user2 = new User(2, "李四", 25);原创 2020-11-09 11:05:04 · 2365 阅读 · 0 评论 -
angularjs使用过滤器
module://模型var app = angular.module('mytest',[]);//过滤器app.filter('trustHtml',['$sce',function ($sce) { return function (data) { return $sce.trustAsHtml(data); }}]);html使用:<!--使用过滤器--><div class="attr" ng-bind-html="item.t原创 2020-10-25 13:32:03 · 106 阅读 · 0 评论