easyui问题小结(转)
问题一:如何将easyui的west面板上的收缩箭头隐藏?
如图效果:
做法:
<div data-options="region:'west'" style="width:200px;">
<div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="系统菜单" data-options="iconCls:'icon-save'">
<ul class="easyui-tree" data-options=
"url:'${pageContext.request.contextPath}/menuAction!allTreeNode.action',
parentField:'pid',lines:true,onClick:function(node){
var url ='${pageContext.request.contextPath}'+node.attributes.url;
addTab({title:node.text,href:url});}">
</ul>
</div>
</div>
</div>
</div>
1.不指定west面板的title属性就得到上一张图的效果:
<div data-options="region:'west'" style="width:200px;"></div>
2.在west面板内增加一个panel面板来实现west面板的相似界面,从而影藏了箭头:title属性给panel写上即可;
border:false让边框变窄,fit:true让面板自适应窗口变化;所得界面如上图:
<div data-options="region:'west'" style="width:200px;">
<div class="easyui-panel" data-options="title:'功能导航',border:false,fit:true">
</div>
</div>
layout小扩展:设置是否显示region的收缩按钮
http://www.easyui.info/archives/1279.html
问题二:如何让layout面板中任何一个面板失去这个标题显示横条?
待处理图:
做法:
<div data-options="region:'east'" style="height:60px;"></div>
不指定面板的title属性即可;
问题三;如何显示一个filedSet?
效果如图:
做法:使用<fieldset>标签
<form id="user_login_loginForm" method="post">
<fieldset>
<legend>用户登录</legend>
<table>
<tr><</th>用户名</th><</td><input name="name" class="easyui-validatebox"
data-options="required:true,missingMessage:'用户名为必填项'"/></>td></</tr>
<tr></th>密码<th><td><input name="pwd" type="password" class="easyui-validatebox"
data-options="required:true,missingMessage:'密码为必填项'"/></td></</tr>
</table>
</fieldset>
</form>
问题四:点击tree节点通过panel的href属性在center中载入一个页面?
注意:panel的href属性引入的页面内容只能为该jsp页面<body>标签内的内容,所以引入页面就不要写其它标签了,直接写需要的代码片段。Javascript直接写上即可。
问题五:如何画一条虚线?
效果图如下:
代码:
<div style="width:380px;border-top:1px silverdashed;border-color:#99BBE8;"></div>
问题六:如何动态改变center面板下data-options中的title属性的值?
效果:
代码:
$('#index_layout').layout('panel','center').panel('setTitle','当前位置》'+options.title);
问题七:如何让combobox高度自适应:
panelHeight: 'auto'
问题八:获取data-option的宽度:
$('#index_layout').layout('panel','east').panel("options").width;
easyui问题小结(转)的更多相关文章
- 项目常用jquery/easyui函数小结
#项目常用jquery/easyui函数小结 ##背景 项目中经常需要使用到一些功能,封装.重构.整理后形成代码沉淀,在此进行分享 ##代码 ```javascript /** * @author g ...
- easyui问题小结
http://blog.sina.com.cn/s/blog_77cb836301017lrd.html
- 对easyui datagrid组件的一个小改进
#对easyui datagrid组件的一个小改进 ##问题 在实际项目中使用datagrid时,受版面限制,有时候表格不能太大,这时候表格里面的内容就不能完全显示,用户需要经常拖动调整列宽才能看完整 ...
- easyui获取一行数据和修改data-options的值
<table id="tab" class="easyui-datagrid" style="width: 100%; height: 500p ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(28)-系统小结
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(28)-系统小结 我们从第一节搭建框架开始直到二十七节,权限管理已经告一段落,相信很多有跟上来的园友,已经 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(14)-系统小结
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(14)-系统小结 不知不觉已经过了13讲,(本来还要讲多一讲是,数据验证之自定义验证,基于园友还是对权限这 ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统(28)-系统小结
系列目录 我们从第一节搭建框架开始直到二十七节,权限管理已经告一段落,相信很多有跟上来的园友,已经搭配完成了,并能从模块创建授权分配和开发功能了 我没有发布所有源代码,但在14节发布了最后的一次源代码 ...
- easyui的textbox赋值小结
使用的系统中有个后台,需要填充单号,如下图: 每次往框里面填充都是一样的数据,复制.粘贴,而且当人数颇多的时候,就是体力活. 于是就想到通过执行js代码,自动填充这些数据. chrome下F12,查看 ...
- EasyUI datagrid 使用小结
用了 EasyUI 框架一段时间了,这个前端框架用起来还是挺方便的,也有很多现成的控件,看看官方文档应该还是能比较快用起来的. 在这里记录一下一些常用的控件的方法,遇到过的bug或者当初耗了一点时间来 ...
随机推荐
- JavaScript一个whenReady函数,监听及注册事件
/** * 传递函数给whenReady(),当文档解析完成且为操作准备就绪时, * 函数将作为文档对象的方法调用 * DOMContentLoaded.readystatechange或load事件 ...
- Unreal Engine 4(虚幻UE4)GameplayAbilities 插件入门教程(三)技能标签(Ability Tags)
本教程参考了https://wiki.unrealengine.com/GameplayAbilities_and_You,如果没有学习前两篇教程,请前往学习. GameplayAbilities插件 ...
- Java语言的9个主要特性
Java作为时下很流行的一门编程语言,受到很多人的热爱,那么它有哪些特性呢?一起来看看吧. 1.Java语言是简单的 Java语言的语法与C语言和C++语言很接近,使得大多数程序员很容易学习和使用.另 ...
- springmvc(三) 参数绑定、
前面两章就介绍了什么是springmvc,springmvc的框架原理,并且会简单的使用springmvc以及ssm的整合,从这一章节来看,就开始讲解springmvc的各种功能实现,慢慢消化 --W ...
- Nodejs cluster模块深入探究
由表及里 HTTP服务器用于响应来自客户端的请求,当客户端请求数逐渐增大时服务端的处理机制有多种,如tomcat的多线程.nginx的事件循环等.而对于node而言,由于其也采用事件循环和异步I/O机 ...
- codeforces 129B students and shoes
https://vjudge.net/problem/CodeForces-129B 题意: 有n个学生,他们之间被鞋带缠住了.现在,老师首先把所有只与一个学生直接相连的学生找出来,让他们聚集到一起, ...
- 配置ssh免密码登录——集群学习日记
度过了难熬的考试月时期之后,最近和小伙伴一起参加的的比赛进入了紧张的准备时期.在进行工作的时候,发现有很多基础的知识点,自己不是很清楚以及了解,所以在想,要不就边学习的时候边写下学习日记,以供自己后来 ...
- 关于PHP魔术方法__call的一点小发现
好久没有上博客园写文章了,今晚终于有点空了,就来写一下昨天的一点小发现. 我自己所知,C++,Java的面向对象都有多态的特点,而PHP没有,但PHP可以通过继承链方法的重写来实现多态的属性.而魔术方 ...
- EasyUI combobox 中文无法检索最终解决方案!
写在前面: 因为之前一直用EasyUI的combobox控件,但是苦于在火狐浏览器下输入中文无法直接检索必须在输入完成后再敲击一下键盘才可以(按一下shift或空格),原因是中文输入法屏蔽了EasyU ...
- (转)浅析CSS——元素重叠及position定位的z-index顺序
多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题.其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题 ...