前端
一彡十
骚话嘴边讲,比数心中留
展开
-
jstree checkbox 无法获取半选中节点的问题
今天的长沙,又是阴雨连绵。说一下情景,我在项目中弄用户权限的时候,里面用到了jstree,就是使用jstree里面的复选框去勾选当前用户的权限,此权限就对应着菜单。因为要做到不同的用户显示不一样的菜单。但是,遇到一个问题。就是一个菜单下,有多个子节点,而当我将其中一个子节点不选中的时候,它的父节点就变成“半选中”的状态了。也就成了半选中节点,我使用var ref = $('#menuTre...原创 2019-03-05 16:44:16 · 1679 阅读 · 2 评论 -
360浏览器 审查元素 查询程序执行状态
1.右键点击 ”审查元素”2.点击 “network”3.点击 hospital.png 这样可以知道你使用的资源路径是否正确,加快开发效率原创 2018-08-21 20:05:18 · 1986 阅读 · 0 评论 -
修改 Ztree 节点的图标 ( icon 与 iconSkin)
1.使用 icon. 首先 进入 Ztree 官网 查看 Api : http://www.treejs.cn/v3/api.php你可以下载官网上的ztree压缩包,在里面有 自定义图标的实例代码:或进入这个地址下载:https://download.csdn.net/download/qq_25221835/10628278首...原创 2018-08-21 19:55:13 · 31155 阅读 · 1 评论 -
一个异步加载的下拉框
功能描述: 一个可以绑定 数据源的下拉框,点击查看按钮可以查看此数据,并可以进行修改碰到的难点: (1)下拉框选定的数据,怎么带给后台 (2)因为绑定的数据在另外一张表单,且本entity存储的是id,而显示的要是其Name ...原创 2018-08-17 19:13:13 · 2336 阅读 · 0 评论 -
ajax + layer 做一个弹出框
首先写一个onclick事件,通过ajax 从后台获取数据 ,返回前台以layer.open 显示数据遇到的难点: (1) ajax 将点击事件得到的数据传给 controller (刚学,花了40分钟) (2)controller 将数据返回给 ajax 的 success (20分钟) ...原创 2018-08-15 16:20:50 · 3186 阅读 · 0 评论 -
layer 的使用 (父类页面 得到 子类页面的数据)
情景:一个表单,某个表单项,比如是 “绑定机构” 表单项,点击此表单项要加载出一个页面,并且点击子页面,父页面可以获取子页面的数据图显示:点击 “绑定机构”点击“北宅卫生院“子页面关闭,同时父页面,“绑定机构表单项”有数据。代码:使用 layer插件 function bindOrg(){ var url ="${ctx}/da...原创 2018-08-14 20:04:17 · 1899 阅读 · 1 评论 -
Ztree 同步加载
建树的原则 : 父类的id 是子类的pidZtree 需要的字段: name :树节点的名字 , isParent : 是否为父类 ,设置成 true , id , pid同步加载:就是将要展示的数据整理成一个list,直接传过去,这些数据已经有父子关系,即上面的建树原则name id ...原创 2018-08-14 19:16:40 · 2029 阅读 · 0 评论 -
ztree + 异步加载
ztree 的异步加载:就是一级一级的从下加载数据,从点击省加载到市,点击某个市加载县.....XML <select id="findProvinceList" resultType="com.zhiguangyun.modules.datavalid.entity.Region"> SELECT AREA_NAME as "area...原创 2018-08-14 15:14:56 · 2243 阅读 · 2 评论 -
实现简单的树形页面显示 treeable (此树不可异步加载 局限性很大)
1.库文件 treeTable.min.css、jquery.treeTable.min.js2.jsp 页面显示的core<script type="text/javascript">$(document).ready(function() { $("#contentTable").treeTable({expandLevel : 5,column:1})...原创 2018-08-03 17:49:44 · 781 阅读 · 0 评论 -
用 JBox 做一个 后台 操作 弹出框 异步操作
插件说明- jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。运行环境- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。备注:IE不支持边框的圆角样式,不推荐大家使用蛋痛的IE浏览器。使用方法下载 Jbox V 2.3JS CSS<scr...原创 2018-05-05 18:22:36 · 779 阅读 · 0 评论 -
JS 记录之 表单内容的切换
即:根据前一列的数据内容不同,而后一列显示也不同 如果前一列数据的长度大于后一列数据的长度,则后一行正常显示 反之,后一列的数据只显示前40个字符加上“...”,当鼠标放上去显示全部内容,离开 恢复成40个字符 加“...”·表单代码:<td id="td3" onmouseout="part(this)" onmouseover="whole(thi...原创 2018-08-24 17:39:10 · 1681 阅读 · 0 评论 -
一个非常简易 又好看的 页面正在加载效果的资源 jquery - loading
资源地址:https://download.csdn.net/download/qq_25221835/10746287 需要的可以去下载首先看效果:需要js: loading.js 和 jquery.jscss:代码:(1)引入 资源文件(2)编写 js 代码,removeLoading 是使 加载 结束 (rgba ...原创 2018-10-25 15:24:05 · 10543 阅读 · 1 评论 -
The valid characters are defined in RFC 7230 and RFC 3986 (encodeURIComponent)
这是一篇本来早就打算写,但又一直忘了写的小记录。由于昨天部署项目的时候,突然又重现这个问题,所以今天就记录一下。问题是这样的,jsp请求后台时,传参出问题,导致控制台报错。错误如下:java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters a...原创 2019-02-18 14:44:42 · 1182 阅读 · 0 评论 -
子页面给父页面元素赋值(两种方法,亲测有效)
新年快乐 新年第一篇~!情景:如图,点击子页面的某个树节点(“入院记录-辅助检查”),父页面的“物理表名”变化方法一:子页面触发父页面的方法,父页面的方法取子页面的值后再给自己的元素赋值这是我在项目中用的第一种方法,比较费直接看代码:(1)父页面表单:有一个 setTableNameFromChildJsp(this) 事件<tr>&l...原创 2019-01-04 10:30:58 · 7788 阅读 · 0 评论 -
bootstrap-treeview 的使用
首先,看看效果简要介绍:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。(百度的)使用方法首先要在页面中引入依赖文件和 bootstrap-treeview.js文件。<linkhref="....原创 2018-12-29 16:40:29 · 448 阅读 · 0 评论 -
bootstrap-select 动态数据下拉复选框 初使用
使用情景就是先前博客中的 easyui 下拉框用在项目框架,导致页面冲突,所以不得不又去寻找 基于bootstrap的下拉复选框,于是我在网上找到了 bootstrap-select。言归正传,这是资源的地址:https://download.csdn.net/download/qq_25221835/10830026大家可以在这个地址下载,或者百度其他地址。首先看一下效果:...原创 2018-12-05 15:34:54 · 1852 阅读 · 0 评论 -
easyUi 动态数据下拉复选框的初使用
情景:想做三个下拉框,其中有的可以进行复选,也就是一个下拉框可以选择多个值先看效果图:多选效果:单选效果:实现代码:(1)库文件<link href="${ctxStatic}/new/easyui/css/easyui.css" rel="stylesheet"/> <link href="${ctxStatic}/new/easyu...原创 2018-11-29 21:18:33 · 824 阅读 · 0 评论 -
jeeplus 弹出一个子页面,并获取子页面的数据
页面效果:点击新建代码:此代码只是一部分jp.open({ type: 2, area: ['600px', '500px'],//弹框大小 title:"个人信息编辑",//标题 content: "${ctx}/sys/user/infoEdit" ,//Controller地址 btn: ...原创 2018-11-29 10:22:13 · 1455 阅读 · 1 评论 -
js数组删除(splice和delete)
例如有一个数组是 :var str= ['a','b','c','d'];delete : 只是删除了值,空间并没有清掉delete str[1] 结果为: ["a",undefined,"c","d"] splice : 删除了值和对应的空间splice(index,len,[item])注释:该方法会改变原始数组。index:数组开始下...原创 2018-11-26 21:30:02 · 8388 阅读 · 0 评论 -
checkbox属性checked="checked"已有,但却不显示打勾的解决办法
写这个博客的原因:我在做一个全选框的时候,出现一个非常奇妙的问题。全选框只能 点击两次 有效,其他的时候,没有效果请看下图:点击全选:(第一次)点击全选:(第二次)点击全选:(第三次)检查 源代码发现:其实 子 复选框是已经设置了 checked 的,只是页面没起效果刚开始 的 后台代码如下:解决办法:将 attr 改成 prop:问题成功...原创 2018-11-18 16:32:59 · 4305 阅读 · 2 评论 -
layer 弹出层 中包含 复选框的实现
先看 效果:当我点击 导出按钮时,弹出 弹出层,可使用复选框按钮js 实现:用的 layer.open 其中给确认按钮,添加了回调函数 去访问 后台 controllercontent 属性中:有checkbox ,回调函数 yes:function(index,layero) 得到复选框是否选中的状态,再直接用 location.href 传给后台 la...原创 2018-10-31 13:04:08 · 6754 阅读 · 0 评论 -
最简单的echart 饼图实现
话不多说,先看效果图:实现步骤如下:1.在echart官网下载echart.min.js ,下载网址:https://echarts.baidu.com/download.html2.引入echart.min.js3.写前端代码,完整代码如下:<%@ page contentType="text/html;charset=UTF-8"%><h...原创 2019-05-31 11:19:44 · 3804 阅读 · 0 评论