Clasificación infinita de ASP más código de ejemplo de función js de reducción y estiramiento
Este ejemplo presenta principalmente brevemente las funciones de clasificación ilimitada usando ASP y reducción y estiramiento usando JS.
Antes de la operación, definí una categoría de tabla de clasificación cuyos campos son
id (número automático) cat_name (nombre de categoría) parent_id (ID de padre, correspondiente al ID de esta tabla) cat_order (orden) is_show (si se muestra) u_id (esto se usa para distinguir si es una categoría de noticias o una categoría de producto u otras categorías), por conveniencia, coloco todas estas categorías en esta tabla.
Al agregar categorías a los clientes, había demasiadas categorías. Cuando se mostraban originalmente en la recepción, se mostraban todas, lo cual era muy largo. El cliente presentó sugerencias de modificación y solicitó que se cambiaran para hacer clic en la categoría grande para que se puedan mostrar sus subcategorías. También hay una línea de puntos debajo de cada categoría y hay una imagen con un signo más delante de la categoría grande. que debería convertirse en un signo menos después de la expansión.
<guión>
función fd(id,núm)
{
t=$(c+id+_1).estilo.display;
si(t==ninguno)
{
t1=bloque;
t2=imagenes/fll_34.gif;
}
demás
{
t1=ninguno;
t2=imagenes/fll_34.gif;
}
para(i=1;i<=núm;i++)
{
$(c+id+_+i).style.display=t1;
$(d_+id).src=t2;
}
}
función $(identificación)
{
devolver document.getElementById(id);
}
</script>
Este es el código de categoría de visualización ilimitada de ASP y agrega identificadores a estas categorías.
<%
'Función: clasificación de visualización ilimitada de asp + visualización y ocultación de js
'Autor: Wangsdong
'Desarrollo: www.aspprogram.cn
'Parámetros: parent_id es el ID del padre, stype son categorías de noticias, productos y artículos
'Artículo original, conserve alguna información al reimprimir, gracias
función cat111 (id_padre, tipo)
establecer rs1 =servidor.createobject(adodb.recordset)
sql=seleccione cat_name,cat_id,parent_id de la categoría donde parent_id=&parent_id& y u_id=&stype& y is_show=1 ordenar por cat_order asc
establecer rs1=conn.execute(sql)
Si rs1.eof Entonces
Demás
si(ruta>2) entonces
mostrar2=ninguno
demás
display2=bloque
terminar si
tenue j
j=1
hacer mientras no rs1.eof
nombre_gato1 = rs1(nombre_gato)
cat_id1 = rs1(cat_id)
id_padre1=rs1(id_padre)
'******************El siguiente es el ******************* que desea mostrar'
m9=0
sql2=seleccione count(cat_id) como t de la categoría donde parent_id=&cat_id1& y u_id=&stype&
establecer rs2=servidor.createobject(adodb.recordset)
establecer rs2=conn.execute(sql2)
si no es rs2.eof entonces
m9=rs2(t)
demás
m9=0
terminar si
rs2.cerrar
si(desvío<=2) entonces
mgif=imagenes/-.gif
a=bloque
demás
si (m9>0) entonces
mgif=imagenes/+.gif
demás
mgif=imagenes/-.gif
terminar si
si (desvío = 4) entonces
a=bloque
demás
a=ninguno
terminar si
terminar si
catstr=catstr & <tr id=c&parent_id&_&j& style=display:&a&><td width=25 align=center valign=middle class=dotted_class><img src=&mgif& width=12 height=11 id=d_&cat_id1&></td>< td clase=clase_punteada leftcatcss>
si (m9>0) entonces
catstr=catstr&<a href=javascript:void(0); _fcksavedurl=javascript:void(0); _fcksavedurl=javascript:void(0);fd(&cat_id1&,&m9&)> &vbnewline
demás
catstr=catstr&<a href=products.asp?id=&cat_id1& target=_blank>&vbnewline
terminar si
para i=1 para desviarse
catstr=catstr
Próximo
catstr=catstr&cat_name1&</a></td></tr>&vbnewline
m9=0
sql2=seleccione cat_name,cat_id de la categoría donde parent_id=&parent_id1& y u_id=&stype& ordene por cat_order asc
establecer rs2=servidor.createobject(adodb.recordset)
establecer rs2=conn.execute(sql2)
si no es rs2.eof entonces
desvío=desvío+4
llamar a cat111(cat_id1,tipo)
terminar si
rs2.cerrar
establecer rs2 = nada
depath=depath-4
'******************Lo anterior es el ******************* que desea mostrar'
j=j+1
rs1.movenext
bucle
Terminar si
rs1.cerrar
establecer rs1 = nada
función final
%>
Antes de usar esta función agregue
gatostr=
Luego llame nuevamente y agregue la siguiente línea de puntos a dotted_class en css
Todas las funciones han sido implementadas hasta este momento.