问题一:如何将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;

最新文章

  1. Spring+SpringMvc+Mybatis框架集成搭建教程二(依赖配置及框架整合)
  2. HTTP与AJAX深入揭秘,不使用AJAX实现页面无刷新
  3. 【ZJOI2004】嗅探器
  4. (转)Hprose与WCF在云计算平台Azure上的对决
  5. JWS-webservice 与Axis2-webservice的高速实现
  6. 《css揭秘》
  7. TexturePacker license Key免费获取方式
  8. Java程序设计——学生基本信息管理系统(团队+个人)
  9. yum源配置的三种方法
  10. python 面向对象设计思想发展史
  11. MinGW安装与使用简介
  12. 「技巧」如何将Sketch改为深色模式
  13. Android Connection refused
  14. Gradle 学习一
  15. HBase2.0中的Benchmark工具 — PerformanceEvaluation
  16. zepto.js移动端城市选择插件
  17. Java基础再复习(继承、多态、方法内部类**、HashMap用法**、参数传递**)
  18. 用C#.NET调用Java开发的WebService传递int,double问题,出现java无法获得值!
  19. Jenkins-job迁移
  20. C#:匿名类型

热门文章

  1. 基于springmvc的hessian调用原理浅析
  2. 自定义七天签到View
  3. Office365开发系列——开发一个全功能的Word Add-In
  4. AppDomain 及BuildManager
  5. Rsync:一个很实用的文件同步命令
  6. 浮点数的陷阱--double i != 10 基本都是对的,不管怎么赋值
  7. mysql中csv文件的导入导出
  8. Dubbo实战快速入门 (转)
  9. Linux Shell 1 - Print from terminal
  10. 实现wpf的值转换器