javascript - Beim Umblättern möchte ich ein bestimmtes Bild reparieren und dann umblättern.
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. 🎜
