首页 > 代码库 > easyui问题小结
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问题小结