Usando Javascript para generar HTML que contiene JSP

Estoy haciendo una vista web usando jsp, javascript y html. Tengo una lista de elementos que, cuando se hace clic en llamadas, entre otras cosas, la función de JavaScript genera PicturePlider. La idea es que se asocie un conjunto de imágenes con cada elemento de la lista y se crea un control deslizante cuando se hace clic en uno de los elementos.

Este es el código que crea mi lista:

<div class="valg">
    <ol id="selectable">
    <c:forEach items="${kandidatliste}" var="kjoretoy" varStatus="rowCounter">

        <li id="${rowCounter.index}" class="ui-widget-content">
            <c:choose>
               /*Some code that displays content based on a variable in the kjoretoy var */
            </c:choose>

            <c:out value="Reg nr: ${kjoretoy.kjennemerke} "/>
            <c:out value="Score: ${kjoretoy.score} "/>
            <c:out value="Passering: ${kjoretoy.passeringsString} "/>                       

            <input id="removeVehicle" type="submit" value="X" />
            <input id="checkVehicle" type="submit" value="Sjekk"/>
        </li>   
    </c:forEach>        
    </ol>
</div> 

El #selectable ol está vinculado a una función de clic en javascript. Esta función de clic es la que llama a generatePictureSlider. Entonces, cuando se hace clic en uno de los elementos de la lista, quiero mostrar las imágenes asociadas con el elemento en un control deslizante.

Por lo tanto, tengo que generar el html que muestra el control deslizante dinámicamente.

Mi problema es que recibo este error: java.lang.NumberFormatException: For input string: "+parseInt(index)+"

El índice aquí es naturalmente el índice del elemento en el que se ha hecho clic, que corresponde al lugar que tiene el elemento en una lista de arrays que la vista ha recibido de la aplicación Java. Esta matriz se llama "kandidatliste", como verá en la función debajo.

function generatePictureSlider(index){
    $('div#switcher-panel').html('');

    var html = '<div id="container">'+
        '<div id="banner">'+
        '<ul class="bjqs">'+
        '<li><img src="/nonstop/bildekjennemerke=${kandidatliste['+parseInt(index)+'].kjennemerke}&bildeNr=${0}" title="${kandidatliste[0].kjennemerke}_${0}" width="350" height="220"/></li>'+
        '</ul></div></div>';

    $('div#switcher-panel').append(html);               
}

¿Cómo puedo hacer que el índice variable de JavaScript sea un número entero para que el JSP no se bloquee y muestre la imagen asociada con el elemento en el índice índice?

Por supuesto, estoy abierto a otras sugerencias sobre cómo resolverlo. La esencia es que, en función del elemento en el que un usuario hace clic, quiero mostrar imágenes y otros datos asociados con ese elemento en la página.

Respuesta 1

Mi archivo contiene algunas líneas como "Esta es una cadena". = "Este es el contenido de una cadena". "Another \" example \ "" = "Nuevo ejemplo". "Mi cadena puede tener varias líneas". = "Mi cadena puede tener varios ...

Quiero leer varios enteros separados por newLines usando Stream. Definitivamente sé cómo hacerlo con un escáner, pero trato de descubrir las transmisiones. Mi entrada será un número de enteros, el primero ...

No puedo entender el siguiente código: Constructor <T> [] constructores = (Constructor <T> []) clazz.getConstructors (); for (int i = 0; i <constructors.length; i ++) {Constructor & ...

quiero generar DDL usando el esquema y el nombre de la tabla para cualquier base de datos. A continuación se muestra el código que estoy intentando: DSLContext dSLContext = DSL.using (getPostgresqlDataSource (). getConnection ()); Consultas ddl = ...