您的位置:首页 > Web前端 > JavaScript

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标签的解析时机来解释)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: