0

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> ...
4

1 に答える 1

1

Spring MVC は単にコントローラー メカニズムとして機能します。ここで行うことは、Spring MVC コントローラーを呼び出してリストを取得するある種の JavaScript で「プラス」記号を制御することです。+ 記号をクリックすると、折りたたまれたり、 HTML のリストを展開しました。

ページの読み込み時にリストの内容を取得できます.jQueryで.htmlを$(document).ready()作成してリストを取得すると、このリストがDOMに表示された場合に + 記号が変更されるだけです.

于 2013-10-28T11:42:44.660 に答える