folderlink css

原创于 2013-09-05 11:45:38 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #folderlink

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种用于展示文件夹链接的样式设置方法，并通过具体的富文本列表组件展示了如何根据不同条件显示文件夹名称及其交互行为。

folderlink css

		
<style type="text/css" media="screen">
		
.folderlink {
background-color: #ECF4FE;
border-color: #BED6F8;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
border-width: 1px;
border-style: solid;
width: 25px;
cursor: pointer;
text-align: center;
}
</style>





	<rich:dataList var="pFolder" value="#{testBO.navFolderList}"
		rows="10">

		<h:outputText rendered="#{pFolder.docID!= pFolder.parentFolderID}" value=">" />
		<h:commandLink rendered="#{pFolder.docID== pFolder.parentFolderID}"
			styleClass="folderlink"
			value="#{pFolder.docNameEn } "
			action="#{testBO.doViewFile }" style="font-size: 14px;">
			<f:param name="doc_id" value="#{pFolder.docID }"></f:param>
		</h:commandLink>
		<h:commandLink rendered="#{pFolder.docID!= pFolder.parentFolderID}"
			value="#{pFolder.docNameEn }  "
			styleClass="folderlink"
			action="#{testBO.doViewDOCOnLineFolder }"
			style="font-size: 14px;">
			<f:param name="doc_id" value="#{pFolder.docID }"></f:param>
		</h:commandLink>
	</rich:dataList>

效果如图：