問題一:如何將easyui的west面板上的收縮箭頭隱藏?
如圖效果:
做法:
<div data-options="region:'west'" style="width:200px;">
<div class="easyui-panel" data-options="title:'功能導(dǎo)航',border:false,fit:true">
<div class="easyui-accordion" data-options="fit:true,border:false">
<div title="系統(tǒng)菜單" data-options="iconCls:'icon-save'">
<ul class="easyui-tree" data-options=
"${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面板內(nèi)增加一個panel面板來實現(xiàn)west面板的相似界面,從而影藏了箭頭:title屬性給panel寫上即可;
border:false讓邊框變窄,fit:true讓面板自適應(yīng)窗口變化;所得界面如上圖:
<div data-options="region:'west'" style="width:200px;">
<div class="easyui-panel" data-options="title:'功能導(dǎo)航',border:false,fit:true">
</div>
</div>
layout小擴展:設(shè)置是否顯示region的收縮按鈕
http://www.easyui.info/archives/1279.html
問題二:如何讓layout面板中任何一個面板失去這個標(biāo)題顯示橫條?
待處理圖:
做法:
<div data-options="region:'east'" style="height:60px;"></div>
不指定面板的title屬性即可;
問題三;如何顯示一個filedSet?
效果如圖:
做法:使用<fieldset>標(biāo)簽
<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節(jié)點通過panel的href屬性在center中載入一個頁面?
注意:panel的href屬性引入的頁面內(nèi)容只能為該jsp頁面<body>標(biāo)簽內(nèi)的內(nèi)容,所以引入頁面就不要寫其它標(biāo)簽了,直接寫需要的代碼片段。Javascript直接寫上即可。
問題五:如何畫一條虛線?
效果圖如下:
代碼:
<div style="width:380px;border-top:1px silverdashed;border-color:#99BBE8;"></div>
問題六:如何動態(tài)改變center面板下data-options中的title屬性的值?
效果:
代碼:
$('#index_layout').layout('panel','center').panel('setTitle','當(dāng)前位置》'+options.title);
問題七:如何讓combobox高度自適應(yīng):
panelHeight: 'auto'
問題八:獲取data-option的寬度:
$('#index_layout').layout('panel','east').panel("options").width;