Classificação infinita do ASP mais código de exemplo de função de redução e estiramento js
Este exemplo apresenta brevemente as funções de classificação ilimitada usando ASP e redução e alongamento usando JS.
Antes da operação, defini uma categoria de tabela de classificação cujos campos são
id (número automático) cat_name (nome da categoria) parent_id (ID pai, correspondente ao ID desta tabela) cat_order (pedido) is_show (se exibir) u_id (isso é usado para distinguir se é uma categoria de notícias, uma categoria de produto , ou outras categorias), por conveniência, coloquei todas essas categorias nesta tabela.
Ao adicionar categorias aos clientes, havia muitas categorias. Quando exibidas originalmente na recepção, todas elas eram exibidas, o que era muito longo. O cliente apresentou sugestões de modificação e solicitou que fossem alteradas clicando na categoria grande para que suas subcategorias pudessem ser exibidas. Há também uma linha pontilhada abaixo de cada categoria, e há um sinal de adição de imagem na frente da categoria grande, que deve se tornar um sinal de menos após a expansão.
<roteiro>
função fd(id,num)
{
t=$(c+id+_1).style.display;
se(t==nenhum)
{
t1=bloco;
t2=imagens/fll_34.gif;
}
outro
{
t1=nenhum;
t2=imagens/fll_34.gif;
}
para(i=1;i<=num;i++)
{
$(c+id+_+i).style.display=t1;
$(d_+id).src=t2;
}
}
função $(id)
{
retornar document.getElementById(id);
}
</script>
Este é o código da categoria de exibição ilimitada asp e adiciona IDs a essas categorias
<%
'Função: classificação de exibição ilimitada asp + exibição e ocultação js
'Autor: Wangsdong
'Desenvolvimento: www.aspprogram.cn
'Parâmetros: parent_id é o ID pai, stype são notícias, produtos e categorias de artigos
'Artigo original, por favor guarde algumas informações ao reimprimir, obrigado
função cat111(parent_id,tipo)
definir rs1 =server.createobject(adodb.recordset)
sql=selecione cat_name,cat_id,parent_id da categoria onde parent_id=&parent_id& e u_id=&stype& e is_show=1 ordene por cat_order asc
definir rs1=conn.execute(sql)
Se rs1.eof então
Outro
if(depath>2) então
display2=nenhum
outro
display2 = bloco
terminar se
escurecer j
j=1
faça enquanto não rs1.eof
nome_gato1 = rs1(nome_gato)
id_gato1 = rs1(id_gato)
parent_id1=rs1(parent_id)
'******************A seguir está o ****************** que você deseja exibir'
m9=0
sql2=selecione count(cat_id) como t da categoria onde parent_id=&cat_id1& e u_id=&stype&
definir rs2=server.createobject(adodb.recordset)
definir rs2 = conn.execute (sql2)
se não for rs2.eof então
m9=rs2(t)
outro
m9=0
terminar se
rs2.fechar
if(depath<=2) então
mgif=imagens/-.gif
a=bloco
outro
se(m9>0) então
mgif=imagens/+.gif
outro
mgif=imagens/-.gif
terminar se
if(depath=4) então
a=bloco
outro
a = nenhum
terminar se
terminar se
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 class=dotted_class leftcatcss>
se(m9>0) então
catstr=catstr&<a href=javascript:void(0); _fcksavedurl=javascript:void(0);
outro
catstr=catstr&<a href=products.asp?id=&cat_id1& target=_blank>&vbnewline
terminar se
para i=1 para depath
catstr=catstr
Próximo
catstr=catstr&cat_name1&</a></td></tr>&vbnewline
m9=0
sql2=selecione cat_name,cat_id da categoria onde parent_id=&parent_id1& e u_id=&stype& ordene por cat_order asc
definir rs2=server.createobject(adodb.recordset)
definir rs2 = conn.execute (sql2)
se não for rs2.eof então
depath=depath+4
ligue para cat111(cat_id1,tipo)
terminar se
rs2.fechar
definir rs2 = nada
depath=depath-4
'******************O acima é o ****************** que você deseja exibir'
j=j+1
rs1.movnext
laço
Terminar se
rs1.fechar
definir rs1 = nada
função final
%>
Antes de usar esta função adicione
gatostr=
Em seguida, ligue novamente e adicione a seguinte linha pontilhada a dotted_class em css
Todas as funções foram implementadas até este ponto