struts2树结构加超级链接

最新推荐文章于 2019-01-20 20:40:25 发布

lgx06

最新推荐文章于 2019-01-20 20:40:25 发布

阅读量1.8k

点赞数

分类专栏： struts2

struts2 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1 使用tree  treenode标签生成静态树形
 
            <%@ taglib uri="/struts-tags" prefix="s"%>
 
            <s:head theme="ajax" debug="true" />
 
            <div style="float:left; ">
                       
              <s:tree label="parent" id="parentId" theme="ajax" 
                  showRootGrid="true"
                  showGrid="true">
                  
                  <s:treenode theme="ajax" label="child1" id="child1Id">
                      <s:treenode theme="ajax" label="gChild1" id="gChild1Id" />
                      <s:treenode theme="ajax" label="gChild2" id="gChild2Id" />
 
                  </s:treenode>
                  <s:treenode theme="ajax" label="child2" id="child2Id" />
                  <s:treenode theme="ajax" label="child3" id="child3Id" />
                  <s:treenode theme="ajax" label="child4" id="child4Id" />
                  <s:treenode theme="ajax" label="child5" id="child5Id">
                      <s:treenode theme="ajax" label="gChild1" id="gChild1Id" />
                      <s:treenode theme="ajax" label="gChild2" id="gChild2Id" />
                  </s:treenode>
              </s:tree>
          </div>
 
 
 
2 添加超链接
 
 
 
<s:treenode theme="ajax" label= "<a href='xxx.jsp' >gChild1</a>"  id="gChild1Id" />
 
 
 
 
 
3想实现<s:a>的ajax效果，添加脚本 
 
 
 
 
 
            <%@ taglib uri="/struts-tags" prefix="s"%>
 
            <s:head theme="ajax" debug="true" />
 
 
 
        <script type="text/javascript">

       dojo.event.topic.subscribe("treeSelected", function treeNodeSelected(node) {
          //alert(node.source.widgetId);
          dojo.io.bind({
              url: "<s:url value='"+node.source.widgetId+"'/>",
              load: function(type, data, evt) {
                  var mainContent = dojo.byId("mainContent");
                  mainContent.innerHTML=data;
              },
              mimeType: "text/html"
          });
      });
 
 
 
            
        </script> 
 
 
 
 
 
 
 
            <div style="float:left; ">
                       
              <s:tree label="parent" id="parentId" theme="ajax" 
                  showRootGrid="true"
                  showGrid="true">
                  
                  <s:treenode theme="ajax" label="child1" id="xxx.jsp">
                      <s:treenode theme="ajax" label="gChild1" id="xxx.jsp" />
                      <s:treenode theme="ajax" label="gChild2" id="xxx.jsp" />
 
                  </s:treenode>
                  <s:treenode theme="ajax" label="child2" id="child2Id" />
                  <s:treenode theme="ajax" label="child3" id="child3Id" />
                  <s:treenode theme="ajax" label="child4" id="child4Id" />
                  <s:treenode theme="ajax" label="child5" id="child5Id">
                      <s:treenode theme="ajax" label="gChild1" id="xxx.jsp" />
                      <s:treenode theme="ajax" label="gChild2" id="xxx.jsp" />
                  </s:treenode>
              </s:tree>
          </div>
 
 
 
  <div id="container">
 
  </div>
 
 
 
在treenode中id设置要超链接的页面，在<script>获取id得到要超链接的页面，用dojo实现ajax效果