问题一:如何将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. MySQL实现自动使用uuid作为主键以及解决不能调用触发器的一点思路

    这里使用触发程序实现此功能. 触发程序语法如下: Create trigger <tri_name> {before|after} {insert|update|delete} On &l ...

  2. Android项目导入工程Module

    在Android开发过程中,我们经常引用一些模块,或者自己封装好的Project.在Android Studio某个项目是可以引入多个Module的.这样导入Module的好处方便对源码修改以适合自己 ...

  3. 【Vue】详解Vue组件系统

    Vue渲染的两大基础方式 new 一个Vue的实例 这个我们一般会使用在挂载根节点这一初始化操作上: new Vue({ el: '#app' }) 注册组件并使用—— 全局注册 通过Vue.comp ...

  4. 华为OJ之最长公共子序列

    题目描述: 对于两个给定的字符串,给出他们的最长公共子序列. 题目分析: 1,在之前的博文(http://www.cnblogs.com/yonguo123/p/6711360.html)中我们讨论了 ...

  5. java webservice简单的例子

    开发环境:eclipse .jdk 创建服务端 demo-webservice 创建类 HelloService.java package com.hundsun.ws.service; import ...

  6. linux下查看jdk路径

    jdk安装后 centos中: 执行 rpm -ql java-1.7.0-openjdk-devel | grep '/bin/javac' 命令确定, 执行后会输出一个路径,除去路径末尾的 &qu ...

  7. tensorflow Sigmoid 应用

    1.函数 函数:f(z) = 1 / (1 + exp( − z)) 导数:f(z)' = f(z)(1 − f(z)) 2.tensorflow实现 #!/usr/bin/env python # ...

  8. Android - 基于 Speex 的高度封装语音库,0 耦合使用

    作者:林冠宏 / 指尖下的幽灵 掘金:https://juejin.im/user/587f0dfe128fe100570ce2d8 博客:http://www.cnblogs.com/linguan ...

  9. 学习笔记TF034:实现Word2Vec

    卷积神经网络发展趋势.Perceptron(感知机),1957年,Frank Resenblatt提出,始祖.Neocognitron(神经认知机),多层级神经网络,日本科学家Kunihiko fuk ...

  10. Stacked Regression的详细步骤和使用注意事项

    声明:这篇博文是我基于一篇网络文章翻译的,并结合了自己应用中的一些心得,如果有侵权,请联系本人删除. 最近做推荐的时候,开始接触到Stacking方法,在周志华老师的西瓜书中,Stacking方法是在 ...