wie zu verwenden for-Schleife in HTML-Vorlage

Ich habe ein html-template, welches ich in marionette anzeigen . Ich übergeben Sie einen parameter in der Vorlage, wenn ich rufe es in die render-Funktion . Ich möchte mehrere div-Elemente abhängig vom Wert des Parameters .Wie kann ich die for-Schleife in html-template??

HTML:

<div id="mainArea">
    <div data-role="view">
        <div id="scrollView" data-role="scrollView" data-stretch="true">
            <div id = 'leftArrowImage' class="leftArrowImage">
            </div>

            <div id = 'mainViewArea'></div>
            <div id = 'rightArrowImage'></div>
           
            
           /* I have passed a variable here named allWidgets. I want to add the number of divs(<div data-role="page" ></div>) equal to the length of allWidgets array. How do I do that*/
        </div>
    </div>
</div>

  • Welche Programmiersprache verwenden Sie? Die Antwort hängt davon ab, was du mit erstellen des HTML-Codes.
  • Ich will hinzufügen von code mit JSTL
  • Oder mit scriplets
InformationsquelleAutor Mayur Lunawat | 2014-12-05
  1. 1

    HTML:

    <link rel="stylesheet" type="text/css" href="Widgets/ReportWidget/styles/scrollLayout.css"/>

<div id="mainArea">
    <div data-role="view">
        <div id="scrollView" data-role="scrollView" data-stretch="true">
            <div id = 'leftArrowImage' class="leftArrowImage">
            </div>

            <div id = 'mainViewArea'></div>
            <div id = 'rightArrowImage'></div>
            <%  var i;
            for i in allWidgets{ %>
                <div data-role="page" class="pages"  >
            </div>
            }%>
        </div>
    </div>
</div>

    • Ich denke, das sollte helfen
    InformationsquelleAutor Mayur Lunawat
  2. 0

    Wenn du redest(ich bin nicht sicher, ob die Frage verstehen, genau),Könnte man versuchen, diese;

    <div id="mainArea">
    <div data-role="view">
        <div id="scrollView" data-role="scrollView" data-stretch="true">
            <div id = 'leftArrowImage' class="leftArrowImage">
            </div>
            <div id = 'mainViewArea'></div>
            <div id = 'rightArrowImage'></div>


           <c:forEach var="widget" items="${allWidgets}">
                 //Here, you can add parameters about widget objects in allWidgets
                 <div data-role="page" ></div> 
           </c:forEach>
        </div>
    </div>
</div>

    Müssen Sie auch definieren, die Sie oben Ihre jsp-Datei folgenden code,

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    • Hast du das probiert???
    • okay man es einfach will ich mit einer for Schleife innerhalb einer Datei mit der Erweiterung .html-Code . Wie mache ich das??
    • Müssen Sie javascript verwenden, um die loop-in .html-Code. Diese Frage könnten Ihnen helfen: stackoverflow.com/questions/16554355/...
    InformationsquelleAutor Semih Eker
Schreibe einen Kommentar