如何在Spring MVC中為無序列表實現擴展/折疊功能

Question

我正在嘗試為Spring MVC應用程序構建導航，而我的jsp頁面中有一個多級無序列表。 我想擴大/縮小圖片點擊次數（可能有點“加號”）。 在Spring MVC應用程序中有沒有辦法做到這一點？

編輯..現在，我正在嘗試僅實現簡單的擴展和折疊（我還沒有添加“加號”標志圖像等。）這是我嘗試的最后一件事

script.js

$（'。listitem'）。click（function（）{$（this）.find（'ul'）。slideToggle（）;}）;

的index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head>
    <title></title>
    <script type="text/javascript"
            src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="${context}/js/script.js"></script> </head> <body>

    <div style="float: left; width: 20%">
        <h4>${treeView}</h4>
    </div>
    <div style="float: left; width: 80%" id="thePage">
        <iframe id="frame1" name="frame1" scrolling="auto" runat="server" style="float: left; width: 100%; height: 950px;"></iframe>
    </div> </body> </html>

我呈現的東西

<html> <head>
    <title></title>
    <script type="text/javascript"
            src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript" src="/js/script.js"></script> </head> <body>


<div style="float: left; width: 20%">
    <h4><?xml version="1.0" encoding="UTF-8" standalone="no"?>
        <ul class="list">MyList
            <li class="listitem">
                <ul>HO.jws
                    <li class="listitem">
                        <ul>HO1.jpr
                            <li class="listitem">
                                <ul><a href="http://localhost:8000/resources//HO1//file1.html"
                                       target="frame1">file1.ext</a>
                                    <li class="listitem">
                                        <ul>Names</ul>
                                    </li>
                                    <li class="listitem">
                                        <ul>Functions</ul>
                                    </li>
                                    <li class="listitem">
                                        <ul>Properties</ul>
                                    </li> ...

Answer 1

Spring MVC只是充當一種控制器機制，您在這里要做的是使用某種JavaScript控制“加號”，這些JavaScript會調用Spring MVC控制器來獲取列表，並且當您單擊+符號時，它就會折疊或擴展了HTML中的列表。

您可以只獲取頁面加載時列表的內容，在jQuery中使用$(document).ready() ，獲取列表的構建html，如果此列表出現在DOM中，則所有+符號都會更改。

如何在Spring MVC中為無序列表實現擴展/折疊功能

問題描述

1 個解決方案

解決方案1
1 2013-10-28 11:42:44

如何在Spring MVC中為無序列表實現擴展/折疊功能

問題描述

1 個解決方案

解決方案1 1 2013-10-28 11:42:44

解決方案1
1 2013-10-28 11:42:44