javascript - Beim Umblättern möchte ich ein bestimmtes Bild reparieren und dann umblättern.

Question

Die Seite sieht so aus: Vier Bilder werden auf einer Seite angezeigt, und die vier Bilder werden bei jedem Umblättern gemeinsam geändert. Jetzt möchte ich in der oberen linken Ecke jedes Bildes ein Kontrollkästchen hinzufügen Das entsprechende Bild ist ausgewählt. Wenn Sie auf die nächste oder vorherige Seite klicken, wird dieses Bild nicht geändert, die nicht markierten Bilder werden jedoch geändert.
Jetzt fällt mir nur noch ein, den rownum des Bildes in der Datenbank aufzuzeichnen, wenn es ausgewählt wird, und dann den basierend auf diesem rownum festzulegen und ob derzeit ein festes Bild vorhanden ist. rownum，然后根据这rownum以及当前是否有固定住的图片来设置pageSize
例如：左上角图片被勾选的时候，pageSize=3；没有勾选的时候pageSize = 4
Zum Beispiel: Wenn das Bild in der oberen linken Ecke überprüft wird, pageSize=3; nicht geprüft, pageSize = 4< /code>

Die Frage ist nun, wie soll die Rezeption damit umgehen? Ich habe ein Programm mit asp.net entwickelt und das zur Anzeige des Front-End-Steuerelements verwendete asp.net-Steuerelement iteriert das Ergebnis automatisch.

        <asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
        <ItemTemplate>
            <p class="col-lg-12">
                <p class="col-md-3" style="margin-top: 5px">科目代码:</p>
                <p class="col-md-1 kmdm" style="margin-top:5px;margin-left:-10px"><%#Eval("TJ_KM_DM")%></p>
                <p class="col-md-4" style="margin-top: 5px; text-align:right">考试时间:</p>
                <p class="col-md-1 kssj" style="margin-top: 5px;"><%#Eval("KSSJ") %></p>
                <input type="hidden" class="kszkz" value="<%#Eval("KS_ZKZ")%>" />
                <input class="BJSH_JG_QX" type="hidden" value="<%#Eval("BJSH_JG_QX")%>"/>
                    <input class="jddz" type="hidden" value="img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" />
                <p class="col-md-2" style="margin-left:50px">
                    <input style="margin-bottom: 5px" value="未标记" class="chexSign btn btn-default" type="button" onclick="signCard(this)" />
                </p>
                <img src="../../img/<%#Eval("KSSJ").ToString()+"/"+Eval("TJ_KM_DM").ToString().Trim()+"/"+Eval("KS_ZKZ")+".jpg"%>" alt="Responsive image" class=" well well-lg img-responsive img-thumbnail " />
            </p>
        </ItemTemplate>
    </asp:DataList>

imgDer obige Code kann den Effekt des obigen Bildes direkt wiederholen. Ich habe das Gefühl, dass ich jeden bedienen muss

und es gibt keinen guten Weg. Bitte fragen Sie nach. 🎜

Answer 1

我提供我个人的想法：你需要一个数据栈来保存相关的信息，标记一个保存一个，然后再每次翻页的时候都进行一次数据读取，如果能读到数据，则返回数据并进行相关操作，然后继续读取，直到读完再使用新的数据。