Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia meu povo ,
Estou migrando um site que esta feito em asp clássico para asp.net estou usando bootstrap queria saber como faço para preencher o dropdown do navbar com dados de uma tabela sou iniciante com asp.net algum tutorial ou exemplo que possa entedner como funciona:?
Webform
dropDown.DataSource = new ComboItem[] {
new ComboItem{ ID = 1, Text = "are" },
new ComboItem{ ID = 2, Text = "dois" },
new ComboItem{ ID = 3, Text = "aeho" }
};
e pra recuperar
int id = (int)dropDown.SelectedValue;
Você cria um array de ComboItem com a lista que vem do banco e joga no DataSource.>
1 hora atrás, itlpps disse:
Você cria um array de ComboItem com a lista que vem do banco e joga no DataSource.
Desculpa não entendi como eu colocaria na minha navbar olha como esta ela?
<nav class="navbar navbar-default" role="navigation"><div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="nav-xbootstrap">
<ul>
<li><a href="#"><span class="glyphicon glyphicon-home"></span>Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-info-sign"></span>A Empresa</a></li>
<li><a href="#"><span class="glyphicon glyphicon-wrench"></span>Serviços</a></li>
<li><a href="javascript:void(0)">
<span class="glyphicon glyphicon-th-large"></span>
Persianas<span class="glyphicon glyphicon-chevron-down iconsize"></span></a>
<ul class="dropdown">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">Javascript</a></li>
<li><a href="#">JQuery</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">
<span class="glyphicon glyphicon-th"></span>
Cortinas<span class="glyphicon glyphicon-chevron-down iconsize"></span></a>
<ul class="dropdown">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">Javascript</a></li>
<li><a href="#">JQuery</a></li>
</ul>
</li>
<li><a href="#"><span class="glyphicon glyphicon-globe"></span>Parceiros</a></li>
<li><a href="#"><span class="glyphicon glyphicon-envelope"></span>Contato</a></li>
</ul>
</div>
</nav>Vai carregar os dropdowns por js ou c#?
Se for por js, pode ser assim: http://jsfiddle.net/yYW89/
Ai você faz um ajax pra pegar os dados do banco depois faz isso no front.
E por c# é como eu disse ai em cima.
Você vai acessar o componente pelo c# e adicionar o objeto no datasource.
deixa ver se entendi em vez de usar como estou fazendo eu uso o componete dropdownlist ?
>
33 minutos atrás, Clauido José disse:
deixa ver se entendi em vez de usar como estou fazendo eu uso o componete dropdownlist ?
É, pensei que estivesse usando isso, como disse que está mexendo com webform. rs;
Sim é web form com bootstrap com banco de dados mysql você viu meu navbar como esta?
>
3 minutos atrás, Clauido José disse:
Sim é web form com bootstrap com banco de dados mysql você viu meu navbar como esta?
Sim...
Você quer fazer um menu dinâmico?
Se sim, não é um dropdown que você quer... Ai terá que pesquisar como fazer um menu, com itens, sub items... Ai a parada é mais complexa.
Isso na verdade só o dropdown que preencheria os dados do banco de dados olha o site em asp que vou migrar vai ficar parecido só vou deixar ele responsivo .Persimann.com.br
Tem muitos tutoriais de menu dinâmico..
Esse parece simples: https://srcoelho.com.br/2013/07/09/menu-html-dinamico/
Cara fiquei confuso agora não consegui atinar aqui no meu caso eu vou ter que mudar a estrutura do meu navbar primeira perguntar?
Segunda esse exemplo é MVC estou usando web forms, estou procurando a tardde todo no google sobre menu dinâmico e não estou encontrando o que eu quero
Resolvi essa olha o código ccomo ficou
Classe Menu:
public class Menu :myErros
{
public int MenuId { get; set; }
public string Titulo { get; set; }
public List<Menu> ListaPersianas(int tipoproduto)
{
List<Menu> listapersianas = new List<Menu>();
myConnection conexao = new myConnection(TipoConexao.Conexao.Classe);
if (conexao.myErro != null)
{
conexao.setMensagemErro(conexao.myErro);
return null;
}
try
{
string sql = "SELECT * FROM tProdutos where tipoproduto=@tipoprodudo";
MySqlCommand cmd = new MySqlCommand(sql);
conexao.OpenConexao();
cmd.CommandType = CommandType.Text;
cmd.Parameters.AddWithValue("@tipoprodudo", tipoproduto);
cmd.Connection = conexao.conn;
var leitor = cmd.ExecuteReader();
if (leitor.HasRows)
{
while (leitor.Read())
{
Menu menu = new Menu();
menu.MenuId = Convert.ToInt32(leitor["idproduto"].ToString());
menu.Titulo = leitor["Titulo"].ToString();
listapersianas.Add(menu);
}
}
}
catch (Exception e)
{
conexao.setMensagemErro(e.Message);
}
conexao.CloseConexao();
return listapersianas;
}
}
Pagina Persimann.master:protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
// preencher menu persianas
List<Models.Menu> persianas = new Models.Menu().ListaPersianas(2);
itemPersianas.DataSource = persianas;
itemPersianas.DataBind();
// preencher menu cortinas
List<Models.Menu> cortinas = new Models.Menu().ListaPersianas(1);
itemPersianas.DataSource = cortinas;
itemPersianas.DataBind();
}
}
Persimann.cs
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-left">
<li><a href="#"><span class="glyphicon glyphicon-home"></span>Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-info-sign"></span>A Empresa</a></li>
<li><a href="#"><span class="glyphicon glyphicon-wrench"></span>Serviços</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-th"></span>
Persianas<span class="glyphicon glyphicon-chevron-down iconsize" style="padding:0px 10px"></span>
<ul class="dropdown-menu">
<asp:DataList ID="itemPersianas" RepeatColumns="1" runat="server">
<itemtemplate>
<li><a href="produtos.aspx?ProdutosId=" + <%# Eval("MenuId")%>>
<%# Eval("Titulo") %>
</a></li>
</itemtemplate>
</asp:DataList>
</ul></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-th"></span>
Cortinas<span class="glyphicon glyphicon-chevron-down iconsize"></span>
<ul class="dropdown-menu">
<asp:DataList ID="itemCortinas" RepeatColumns="1" runat="server">
<itemtemplate>
<li><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>">
<%# Eval("Titulo") %>
</a></li>
</itemtemplate>
</asp:DataList>
</ul></a>
</li>
<li><a href="#"><span class="glyphicon glyphicon-globe"></span>Parceiros</a></li>
<li><a href="#"><span class="glyphicon glyphicon-envelope"></span>Contato</a></li>
</ul>
WebForm ou MVC?