Asp.Net alt kategorili mobil menu

5.10.2016 21:59:37 BilgeDede
Asp.Net alt kategorili mobil menu" title=  

Bu makalede Asp.Net ile Mysql veri tabanından menüleri çekip Ana Menü ve alt menü ilişkisi ile  responsive menü yapacağız.

Html tarafi

<script src="../jsa/jquery-1.8.3.min.js"></script>
<script src="../jsa/bootstrap.min.js"></script>
<link href="../cssa/menu.css" rel="stylesheet" />
<div class="navbar navbar-default">
        <div class="container-fluid">
            <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"></span> <span class="icon-bar"></span><span
                        class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" RenderingMode="List"
                    IncludeStyleBlock="false" StaticMenuStyle-CssClass="nav navbar-nav" DynamicMenuStyle-CssClass="dropdown-menu">
                </asp:Menu>
            </div>
        </div>
    </div>


<script type="text/javascript">
        //Disable the default MouseOver functionality of ASP.Net Menu control.
        Sys.WebForms.Menu._elementObjectMapper.getMappedObject = function () {
            return false;
        };
        $(function () {
            //Remove the style attributes.
            $(".navbar-nav li, .navbar-nav a, .navbar-nav ul").removeAttr('style');

            //Apply the Bootstrap class to the SubMenu.
            $(".dropdown-menu").closest("li").removeClass().addClass("dropdown-toggle");

            //Apply the Bootstrap properties to the SubMenu.
            $(".dropdown-toggle").find("a").eq(0).attr("data-toggle", "dropdown").attr("aria-haspopup", "true").attr("aria-expanded", "false").append("<span class='caret'></span>");

            //Apply the Bootstrap "active" class to the selected Menu item.
            $("a.selected").closest("li").addClass("active");
            $("a.selected").closest(".dropdown-toggle").addClass("active");
        });
    </script>



/** Kod Tarafi

  kategorigetir islemler = new kategorigetir();
    MySqlCommand sqlkomut = new MySqlCommand();
    MySqlConnection baglanti2 = new MySqlConnection();
    MySqlCommand sqlkomut2 = new MySqlCommand();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            DataTable dt = this.GetData(0);
            PopulateMenu(dt, 0, null);
        }
    }


    private DataTable GetData(int parentMenuId)
    {
        string query = "SELECT * from menu WHERE ParentMenuId = ?ParentMenuId order by sira";

            MySqlConnection con = islemler.baglan2();
        {
            DataTable dt = new DataTable();
            using (MySqlCommand cmd = new MySqlCommand(query))
            {
                using (MySqlDataAdapter sda = new MySqlDataAdapter())
                {
                    cmd.Parameters.AddWithValue("?ParentMenuId", parentMenuId);
                    cmd.CommandType = CommandType.Text;
                    cmd.Connection = con;
                    sda.SelectCommand = cmd;
                    sda.Fill(dt);
                }
            }
            con.Close();
            return dt;
            
        }
        
    }

    private void PopulateMenu(DataTable dt, int parentMenuId, MenuItem parentMenuItem)
    {
        string currentPage = Path.GetFileName(Request.Url.AbsolutePath);
        foreach (DataRow row in dt.Rows)
        {
            MenuItem menuItem = new MenuItem
            {
                Value = row["SAYFAID"].ToString(),
                Text = row["SAYFA"].ToString(),
                NavigateUrl = row["YOL"].ToString(),
                Selected = row["YOL"].ToString().EndsWith(currentPage, StringComparison.CurrentCultureIgnoreCase)
            };
            if (parentMenuId == 0)
            {
                Menu1.Items.Add(menuItem);
                DataTable dtChild = this.GetData(int.Parse(menuItem.Value));
                PopulateMenu(dtChild, int.Parse(menuItem.Value), menuItem);
            }
            else
            {
                parentMenuItem.ChildItems.Add(menuItem);
            }
        }
        
    }
}



Dosyaları indirmek için tıklayınız.






SOSYAL MEDYA
12.000
Beğeni
12.000
Beğeni
12.000
Beğeni
12.000
Beğeni
12.000
Beğeni
12.000
Beğeni
Bilge Dede'de Yazar olabilirsiniz.

Yazar Girişi
Yazar Ol

Bilgi Paylaştıkça Çoğalır