前端
关注
分享
扫一扫
张漂亮’s Blog
这个作者很懒，什么都没留下…
展开
-
设置默认值
点击【操作】列中的桃心，设置默认值，整个列表只能有一个默认值，红色代表默认值。前端<script type="text/html" id="returnVal"> <a class="btn btn-xs btn-darkorange" href="javascript:setDefault()" title='默 认'><i class="fa fa-heart"></i></a> <a class="btn bt原创 2021-02-22 16:20:10 · 353 阅读 · 0 评论 -
easyui datagrid 多列checkbox
需求如图，实现表格中多列复选框，做【选中】、【取消】操作时勾选与取消复选框。前端<body><div id="datagrid_toolbar"> <div class="buttons-preview text-right"> <a class="btn btn-success btn-sm" href="javascript:save()"><i class="fa fa-save">&原创 2021-02-09 11:01:01 · 681 阅读 · 1 评论 -
easyui列表总结
1、列宽自适应代码实现fitColumns:true,实现效果将整个table的各列按照页面宽度展示在一页，当列比较少时也将页面铺满，尽可能的将每一列拉宽，如果列太多或者有的列内容太长则会显示不全，形成列挤在一起的效果。如果要调整某一列的宽度让内容全部展示出来，则其他列的宽度就会在页面上看不见（被挤不见了）。2、列宽固定宽度（列表横向滚动条）不使用 fitColumns:true, 时，列的宽度根据自己指定的宽度调整，当列太宽页面展示不下所以列时，会出现横向滚动条。2、冻结表头原创 2021-01-28 11:22:57 · 825 阅读 · 0 评论 -
关闭两层弹窗
window.parent.parent.closeWindow("页面名称"); location.reload();原创 2021-01-28 09:45:54 · 250 阅读 · 0 评论 -
前端下载excel
从后端查询列表list值，返回给前端一个list，在前端用excel插件设置excel列属性并将文件下载到本地（向浏览器写数据）。导出按钮<div class="buttons-preview"> <a class="btn btn-default btn-sm" href="javascript:exportxls()"><i class="fa fa-share"></i>导出工单报表</原创 2021-01-27 17:00:47 · 435 阅读 · 0 评论 -
bootStrap dropdown button
本文记录一个下拉按钮的实现。用于将类似功能的多个按钮组合在一起，作为一组。样式：代码实现：引入bootstrap的js与样式代码<!-- Example single danger button --><div class="btn-group"> <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="t原创 2021-01-22 11:10:05 · 212 阅读 · 0 评论 -
文件下载-前端缓存问题
需求：前端点击下载按钮，向服务器发送请求下载文件，并记录下载次数（更新下载记录表）。问题：第一次从前端页面点击下载按钮，访问服务器端代码，下载文件，下载次数变成1，第二次再点击下载按钮，并没有像服务端发请求，而是直接从前端缓存里边下载了，这样本身是提高效率了，但是对我需求来说，无法记录下载次数。<table id="data_table" class="easyui-datagrid" border="0" pagination="true" pageSize='20' rownumber原创 2021-01-19 18:39:51 · 629 阅读 · 0 评论 -
ajax请求成功后打开新的tab
需求ajax 项服务端发起请求，比如“导出sql查询结果”，成功响应后，打开新tab到【查询结果下载列表页】。实现1. 前端function exportQueryRes(source) { bootbox.confirm("你确定要导出数据么?", function (result) { if (result) { $.ajax({ url: '${basePath}/dm/query/executeSql', type: 'post', data: {原创 2020-12-11 14:38:55 · 439 阅读 · 0 评论 -
打开新tab与弹窗样式
需求在查看列表中某条数据的详情时，要么打开一个新的tab，要么弹出新窗口显示详情，下文代码展示两种实现方式：样式一：弹出窗口function trackLog() { var row = $('#data_table').datagrid('getSelected'); if (null != row) { var url = "${basePath}/trackLog/totrackLogTab?fileName=" + row.fileName + "&原创 2020-10-30 11:49:24 · 674 阅读 · 0 评论 -
easyui-switchbutton
需求：如图，用easyui-switchbutton实现开关的功能：代码新增<div class="form-group"> <label class="col-sm-4 control-label">是否数据加密</label> <div class="col-sm-6" style="padding-top:7px;"> <span> <input class="easyui-s原创 2020-10-29 15:48:01 · 2402 阅读 · 1 评论 -
easyui tree实现模糊查询树节点并高亮显示
需求：在查询框中输入关键字，按回车键，查询树中所有相关的节点，展开查到结果的文件夹，并将结果高亮显示。效果如下图：实现：<div class="easyui-tabs" data-options="fit:true"> <!-- 查询工具 --> <div title="脚本管理"> <div class="zTreeDemoBackground left"> 。。。 </d原创 2020-10-22 10:06:59 · 695 阅读 · 1 评论 -
防止INPUT按回车自动提交form表单
需求描述：当前页面有一个查询框，当该input框按下回车键时，希望默认走查询方法，从列表中查询符合条件的成员，但是浏览器默认的情况下，在input框按下回车键，会触发表单提交（保存按钮）。解决思路：阻止表单上按下回车键时自动提交；给input框绑定事件，指定当按下回车键时触发查询；实现代码<form id="search_form" class="form-horizontal clearfix" role="form" method="post"> <div c原创 2020-10-16 15:49:06 · 924 阅读 · 0 评论 -
Date类型数据在页面无法显示的问题
问题描述：后端返回的实体类中 Date 类型的字段无法正常显示。解决：通过 string('yyyy-MM-dd HH:mm:ss) 将日期格式化以后可以正常显示；${exeLogPo.exeTime?string('yyyy-MM-dd HH:mm:ss')}代码示例：<tr> <th width="30%">执行时间</th> <td width="70%">${exeLogPo.exeTime?string('yyyy-MM原创 2020-07-01 18:06:51 · 439 阅读 · 0 评论 -
freemarker中 list 、map、 if语句用法
需求：freemarker 遍历后端返回的 List<Map<String,Object>> 类型的数据 assertDataList。用到了:<#if>…<#else if>…<#else>…</#if>;<#list dataList as dataMap>…</#list><#list dataMap?keys as key><th>${key}</th>原创 2020-07-01 17:46:40 · 738 阅读 · 0 评论 -
前端-打压缩包-下载
将mysql表中存储的两个字段的内容写到两个文件中，并打成压缩包下载下拉。原创 2020-07-01 09:49:02 · 782 阅读 · 0 评论 -
前端实现下载文件功能
一、需求：将 jmeter 执行日志的结果从mysql数据表中读出来，并下载成一个文件；二、实现：1、发送ajax请求，查询需要下载的内容。function downloadFile(){ var row = $('#dg').datagrid('getSelected'); var fileName = row.resultFileName; if (null != row) { $.ajax({原创 2020-07-01 09:19:06 · 358 阅读 · 0 评论