问题一：如何将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问题小结(转)的更多相关文章

  1. 项目常用jquery/easyui函数小结

    #项目常用jquery/easyui函数小结 ##背景 项目中经常需要使用到一些功能,封装.重构.整理后形成代码沉淀,在此进行分享 ##代码 ```javascript /** * @author g ...

  2. easyui问题小结

    http://blog.sina.com.cn/s/blog_77cb836301017lrd.html

  3. 对easyui datagrid组件的一个小改进

    #对easyui datagrid组件的一个小改进 ##问题 在实际项目中使用datagrid时,受版面限制,有时候表格不能太大,这时候表格里面的内容就不能完全显示,用户需要经常拖动调整列宽才能看完整 ...

  4. easyui获取一行数据和修改data-options的值

    <table id="tab" class="easyui-datagrid" style="width: 100%; height: 500p ...

  5. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（28）-系统小结

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(28)-系统小结 我们从第一节搭建框架开始直到二十七节,权限管理已经告一段落,相信很多有跟上来的园友,已经 ...

  6. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（14）-系统小结

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(14)-系统小结 不知不觉已经过了13讲,(本来还要讲多一讲是,数据验证之自定义验证,基于园友还是对权限这 ...

  7. ASP.NET MVC5+EF6+EasyUI 后台管理系统（28）-系统小结

    系列目录 我们从第一节搭建框架开始直到二十七节,权限管理已经告一段落,相信很多有跟上来的园友,已经搭配完成了,并能从模块创建授权分配和开发功能了 我没有发布所有源代码,但在14节发布了最后的一次源代码 ...

  8. easyui的textbox赋值小结

    使用的系统中有个后台,需要填充单号,如下图: 每次往框里面填充都是一样的数据,复制.粘贴,而且当人数颇多的时候,就是体力活. 于是就想到通过执行js代码,自动填充这些数据. chrome下F12,查看 ...

  9. EasyUI datagrid 使用小结

    用了 EasyUI 框架一段时间了,这个前端框架用起来还是挺方便的,也有很多现成的控件,看看官方文档应该还是能比较快用起来的. 在这里记录一下一些常用的控件的方法,遇到过的bug或者当初耗了一点时间来 ...

随机推荐

  1. Oracle 10gR2分析函数

    Oracle 10gR2分析函数汇总 (Translated By caizhuoyi 2008‐9‐19) 说明:  1. 原文中底色为黄的部分翻译存在商榷之处,请大家踊跃提意见:  2. 原文中淡 ...

  2. vue数据绑定原理

    一.定义 vue的数据双向绑定是基于Object.defineProperty方法,通过定义data属性的get和set函数来监听数据对象的变化,一旦变化,vue利用发布订阅模式,通知订阅者执行回调函 ...

  3. nyoj_6:喷水装置（一）

    要让总的使用到的装置数尽可能少,则可以贪心每次选取未使用的半径最大的装置 题目链接: http://acm.nyist.net/JudgeOnline/problem.php?pid=6 #inclu ...

  4. 【期望DP】

    [总览] [期望dp] 求解达到某一目标的期望花费:因为最终的花费无从知晓(不可能从$\infty$推起),所以期望dp需要倒序求解. 设$f[i][j]$表示在$(i, j)$这个状态实现目标的期望 ...

  5. Ant Design UI组件

    Ant Design 是面向中台的 UI 设计语言.  http://ant.design/

  6. Redis数据类型之ZSet（五）

    前言:有序集合zset跟其他类型一样,同样有几种编码方式.主要有两种编码方式,REDIS_ENCODING_ZIPLIST和REDIS_ENCODING_SKIPLIST.ziplist可以表示较小的 ...

  7. Angular4.0从入门到实战打造在线竞拍网站学习笔记之三--依赖注入

    Angular4.0基础知识之组件 Angular4.0基础知识之路由 依赖注入(Dependency Injection) 正常情况下,我们写的代码应该是这样子的: let product = ne ...

  8. 异常解决：Caused by: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure

    异常描述 这个异常通常有如下信息: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failu ...

  9. 深入浅出数据结构C语言版（12）——从二分查找到二叉树

    在很多有关数据结构和算法的书籍或文章中,作者往往是介绍完了什么是树后就直入主题的谈什么是二叉树balabala的.但我今天决定不按这个套路来.我个人觉得,一个东西或者说一种技术存在总该有一定的道理,不 ...

  10. 接口自动化（Python）-利用正则表达式从返回的HTML文本中截取自己想要的值

    例如一个功能接口的返回值 是一个HTML文本: 例如我们要取上图中标识的id的值,并且这个值是动态的,这是我们就需要用到正则表达式进行匹配. 如下是正则匹配的方法(代码中都有注释): 我们在真正使用的 ...