JSP中树状图的代码实现
2013-05-11 22:55
197 查看
需要使用到jquery插件jquery.treeview.js
1、树状结构
<ul id="tree">
<s:iterator value="#application.topPrivilegeList">
<li>
${name}
<ul>
<s:iterator value="children">
<li>
${name}
<ul>
<s:iterator value="children">
<li> ${name}</li>
</s:iterator>
</ul>
</li>
</s:iterator>
</ul>
</li>
</s:iterator>
</ul>
2、给树状结构加上图片
<span class="folder">${name}</span>
3、使单击复选框和单机文字具有同样的效果
<input type="checkbox" name="privilegeIds" value="${id}" id="cb_${id}" <s:property value="%{id in privilegeIds ? 'checked' : ''}"/> />
<label for="cb_${id}"><span class="folder">${name}</span></label>
注意,在<input />标签中是可以嵌套<s:property/>等struts标签的(这可以根据普通的标签和struts标签的解析时机来解释)
1、树状结构
<ul id="tree">
<s:iterator value="#application.topPrivilegeList">
<li>
${name}
<ul>
<s:iterator value="children">
<li>
${name}
<ul>
<s:iterator value="children">
<li> ${name}</li>
</s:iterator>
</ul>
</li>
</s:iterator>
</ul>
</li>
</s:iterator>
</ul>
2、给树状结构加上图片
<span class="folder">${name}</span>
3、使单击复选框和单机文字具有同样的效果
<input type="checkbox" name="privilegeIds" value="${id}" id="cb_${id}" <s:property value="%{id in privilegeIds ? 'checked' : ''}"/> />
<label for="cb_${id}"><span class="folder">${name}</span></label>
注意,在<input />标签中是可以嵌套<s:property/>等struts标签的(这可以根据普通的标签和struts标签的解析时机来解释)
相关文章推荐
- 标签树状结构JSP中树状图的代码实现
- 实现进度条(JSP代码
- 第一次使用博客 贴一个JSP+SQL实现按日期查询留言的代码吧~
- JSP + ajax实现输入框自动补全功能 实例代码
- JSP验证码实现代码(例子)[网摘]
- 小脚本实现的分页实例代码(JSP)
- jsp 页面分页超链接代码实现
- 使用自定义标签实现JSP页面和Java代码分离
- Jsp/Java代码分离.实现页面真正的代码分离 设计原理
- jsp只在首次加载时调用action实现代码
- JSP分页实现 代码
- ajax+jsp草稿自动保存的实现代码
- jsp分页显示Java代码实现
- 图片轮播的jsp代码实现
- jsp中折叠式标签的代码实现
- JSP单选按钮验证、下拉框验证、复选框验证实现代码
- jsp实现文件下载的代码(通过文件流方式)
- (jsp 和 servlet功能篇) jsp+servlet+javaBean 实现分页代码(mysql 数据库)
- JSP跨iframe如何传递参数实现代码
- jsp连接MySQL操作GIS地图数据实现添加point的功能代码