Struts2 tree treenode怎么添加自己的图片

最新推荐文章于 2022-03-03 19:29:26 发布
最新推荐文章于 2022-03-03 19:29:26 发布
阅读量290 收藏
点赞数
分类专栏： struts2 文章标签： Ajax Struts freemarker CSS Web
Struts2 tree 使用很简单,下面是我用的静态树的,用了freemarker模版,全都是struts2的标签.代码如下: 
<#assign s=JspTaglibs["/WEB-INF/struts-tags.tld"]/>

<html>
	<head>
		<title>Tree标签的例子 - 静态树的例子</title>
		<@s.head theme="ajax" debug="true" />
	</head>
	<body>

		<div style="float:left; margin-right: 50px;">
			<@s.tree label="管理系统" id="parentId" theme="ajax"
				templateCssPath="/struts/tree.css" 
				showRootGrid="true"	showGrid="true">
				<@s.treenode theme="ajax" label="用户管理" id="user">
					<@s.treenode theme="ajax" label="<a href='view.action'>登录</a>" id="login" />
					<@s.treenode theme="ajax" label="<a href='listUser.action'>查看用户信息</a>" id="userinfo" />
				</@s.treenode>
			</@s.tree>
		</div>

	</body>
</html>

运行效果如图:
[img]http://www.iteye.com/upload/attachment/44014/7bb60cb6-d4a5-3a7a-b0fc-200b78fdca2c-thumb.jpg?1224638667[/img]

但是我想在菜单前添加自己想添加的图片,,这样的效果,如图
[img]http://www.iteye.com/upload/attachment/44018/3a3e1e7a-6995-3e3d-b16a-9e09c338561c.bmp[/img]

没有找到对应的属性,弄了好久都没有进展,我该怎么样添加呢???谢谢大家
xiebing860523
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ztree的自定义图片实现
qq_39726798的博客
09-25 334
最近在用bootstrap-treeview进行项目中的某些功能的开发,但是发现它的节点展开功能没有效果，所以变换思路，使用ztree完成节点的精确展开。 官方简介： zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 官网链接：http://www.treejs.cn 1、引入js <!--部门树--> <link rel="stylesheet" href="/css/ztree/bootstrapStyle
Treenode显示或者隐藏图片
02-23
Using treenodes with and without images in a TreeView
element ui Tree 插入图片
weixin_45966674的博客
03-03 519
<template> <div id="app"> <el-tree :data="deptOptions" ref="tree" default-expand-all > <span class="custom-tree-node" style="display:flex;align-items: center;" slot-sco
tree节点图片
guangzhi0633的专栏
10-24 589
/* (swing1.1) */ //package jp.gr.java_conf.tame.swing.examples; import java.util.*; import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.tree.*; import javax.swing.event.*; import javax.swing.plaf.metal.*; impor
使用struts2标签上传用户头像（二）
adalu1986的专栏
03-27 1792
1.为了记录用户的头像地址，可以使用数据库保存用户的头像地址，命名规则为用户名+后缀名，此处用户名为唯一。这里就不写具体代码的实现了。 2.为图片增加过滤 为了避免图片占据过多的服务器空间，需要在上传时限制图片的尺寸和大小，以及类型。 为了简单，这里利用struts2 拦截器实现文件过滤 2.1action配置文件 在action配置文件中增加fileUpload和defaultStac
EasyUI实现异步加载tree(整合Struts2)源码
09-01
在本文中，我们将深入探讨如何使用EasyUI框架实现异步加载Tree组件，并将其与Struts2框架整合。EasyUI是一个基于jQuery的轻量级前端框架，提供了丰富的UI组件，包括Tree，它能够方便地构建出层次结构的数据展示。而...
深入浅出Struts2(附源码)
04-09
本书是广受赞誉的Struts 2优秀教程，它全面而深入...27.13 tree和treenode标签 341 27.13.1 示例程序1 342 27.13.2 示例程序2 343 27.14 小结 345 附录A Struts配置 346 附录B JSP EL语言 361 附录C Java注解 370
struts tree
09-09
Struts Tree是一个在Java Web开发中使用JSP和Struts框架构建树形目录结构的典型应用。Struts是一个开源的MVC（Model-View-Controller）框架，它为Java应用程序提供了一个强大的架构来组织和控制业务逻辑。而树形目录...
Struts2 UI标签代码示例
08-07
本篇文章将深入探讨Struts2 UI标签中的几个关键组件：tabbedPanel、autocompleter、tree和treenode以及optiontransferselect，这些标签在实际项目中有着广泛的应用。 首先，`tabbedPanel`标签是用于创建多选项卡的...
struts2 标签库 帮助文档
11-30
Struts 2 标签库(文档手册) Tags-API-CLSW-JSP <%@ taglib prefix="s" uri="/struts-tags" %> 就能使用struts2.0的标签库 下面就介绍每个标签的具体应用实例说明：按字母排列 A： 1. 2. <s:a href=""></s:a>-...
JSTree(js写的树形菜单，支持加载10000节点以上)
12-23
js树形菜单组件，主要解决大数据加载节点卡死问题。
struts2实现树状结构
wanglihuhappy的专栏
11-06 229
Struts 2 AJAX - Tree function treeNodeSelected(arg) { alert(arg.source.title + ' selected'); } dojo.addOnLoad(funct...
struts2 的tree和treenode标签（非表单标签）
congcongsuiyue的专栏
03-22 1000
tree和treenode初步 这里仅仅介绍tree和treenode标签的初步用法，我们可以通过tree和treenode在页面中生成一个树形结构。其中tree生成一个树形结构，treenode生成一个树节点。 对于tree和treenode标签，都可指定一个label属性，该属性指定了树、或者树节点的标题。看如下代码： showRootGrid="true" sho
通用树抽象父类——Tree、TreeNode
Es_Study_Yu的博客
04-02 5886
目录树的基本概念TreeTreeNode 树的基本概念   树的定义： 　　　　树是一种非线性的数据结构 　　　　树是由 n(n >= 0)个结点组成的有限集合，若 n = 0，则称之为空树 　　　　树中(n > 0)的首结点，称为根节点，根节点只有直接后继，没有直接前驱 　　　　除根以外的其它结点划分为m (m >= 0)个互不相交的有限集合T0 , T1, …，Tm-1, 每...
TreeView节点设置图片
YIMI的博客
09-18 1841
1、TreeView绑定图片 (1)界面上添加imageList1控件。 (2) 绑定源码: TreeView.ImageList = imageList1; (3) 新建节点时设置 TreeNode treeNode =new TreeNode (); treeNode .ImageIndex = 0; 2、如果点击子节点时其图片是父节点的，可以在新建节点的时候设置索引 treeNode .SelectedImageIndex = 0; treeNode .SelectedImageIndex
使用antd的tree组件画树形结构（重点在于数据的处理）
李弈圣的博客
12-29 1万+
二话不说先上代码 import _ from 'underscore' import $ from 'jquery' let spreadArr = [] //功能id树的方法 export function changeToTree(data,name,id) { //原始数据 名称数组 id数组 return createTreeData(getAllNodes(data, name,...
C#中TreeView树配图片
热门推荐
zy332719794的专栏
06-03 1万+
先上效果： 这是一个TreeView控件的效果。 控件的用法就不多说了，具体参考： http://msdn.microsoft.com/zh-cn/library/vstudio/system.windows.forms.treeview(v=vs.100).aspx 其中，默认是没有图片的，当需要在每一个节点加图片时，首先需要设置图片列表，然后再引用。 具体操作如下：
TreeView添加图片
qhzhen的博客
11-05 3754
方法一：通过代码方式实现： private string FilePath = Application.StartupPath + "\\Images\\";          Image img = new Bitmap(FilePath + "one.ico");          Image img1 = new Bitmap(FilePath + "two.ico");      ...
终于解决了TTreeView中Node更换图片的问题（Delphi）
任游.Abraham.Wei.rEny0u.pRince
01-10 2915
Delphi的环境真的是有些难用。TTreeView控件显示节点图片的时候，各种情况处理的方法不一致，如果点击节点，其有下级节点的时候，很好处理，就只需要在其OnExpended事件和OnCollapsed事件中，判断当前Node的ImageIndex然后进行更改处理就OK了，但是有一点，在加载树型菜单的时候，一定要给每个节点设置初始的节点图片，如：    Node.ImageIndex := 1
antd Tree treenode下选中节点复制到另一Tree
最新发布
05-26
可以通过以下步骤实现： 1. 在源 Tree 的 onSelect 方法中获取选中的节点数据，保存到状态中。 2. 在目标 Tree 的 onDrop 方法中，获取拖拽后的节点数据，将其添加到目标 Tree 中，并根据保存在状态中的节点数据设置选中状态。 具体实现代码如下： ```jsx import { Tree } from 'antd'; const { TreeNode } = Tree; class SourceTree extends React.Component { state = { selectedNode: null, }; onSelect = (selectedKeys, info) => { this.setState({ selectedNode: info.node.props.data }); }; render() { return ( <Tree onSelect={this.onSelect}> <TreeNode key="sourceNode" title="Source Node" data="sourceData" /> </Tree> ); } } class TargetTree extends React.Component { state = { selectedKeys: [], nodes: [], }; onDrop = (info) => { const { nodes } = this.state; const { data } = info.node.props; nodes.push(data); this.setState({ nodes }, () => { const { selectedNode } = this.props; if (selectedNode) { const selectedKeys = nodes.reduce((keys, node, index) => { if (node === selectedNode) { keys.push(index.toString()); } return keys; }, []); this.setState({ selectedKeys }); } }); }; renderTreeNode = (node, index) => { return ( <TreeNode key={index} title={node.title} data={node.data}> {node.children.map(this.renderTreeNode)} </TreeNode> ); }; render() { const { nodes, selectedKeys } = this.state; return ( <Tree onDrop={this.onDrop} selectedKeys={selectedKeys}> {nodes.map(this.renderTreeNode)} </Tree> ); } } class App extends React.Component { render() { const { selectedNode } = this.state; return ( <div> <SourceTree /> <TargetTree selectedNode={selectedNode} /> </div> ); } } ``` 在上面的代码中，SourceTree 组件只包含一个节点，用于展示源树。 TargetTree 组件包含多个节点，用于展示目标树。在 onDrop 方法中，将拖拽后的节点数据添加到 nodes 状态中，并根据 selectedNode 状态设置选中状态。renderTreeNode 方法用于递归渲染树节点。 App 组件用于渲染 SourceTree 和 TargetTree 组件，并将 selectedNode 作为 props 传递给 TargetTree 组件。 注意：这里只是一个简单的示例，实际场景中可能需要根据具体需求进行修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值