首页 > Web开发 > 详细

EF+MVC+Bootstrap 项目实践 Day11

时间:2015-12-20 09:16:07      阅读:263      评论:0      收藏:0      [点我收藏+]

继续完成首页跳转判断

一、用js根据点击判断哪个视图并显示相应提示

技术分享技术分享

如果是首页,就显示首页的提示并去掉breadcrumb导航

如果是具体的页面,就根据DOM判断路径并显示,还要把这一级的折叠展开并把当前视图的a标签加上.active

左侧菜单会闪一下,因为是先载入页面,再判断展开和选中的。这样效果不怎么好,如果是iframe之类,左侧是不动的,不用人为去判断是在哪一级。

function LoadMenuTip(){
    $("#MenuDiv a[title]").each(function(){
        if(window.location.href.indexOf($(this).attr("href")) > 0){
            var $this = $(this);
            var text = $this.text();
            $(document).attr(‘title‘, text); //改变标题栏
            $this.parent().addClass("active").parents(".panel-collapse").addClass("in"); //变为选中
            $("#MenuTipDiv .page-title span").html(text);
            $("#MenuTipDiv .page-title small").html($this.attr("title"));
            $("#MenuTipDiv .breadcrumb li:eq(0) span").html("管理首页");
            if($this.parent().is("h4")) $("#MenuTipDiv .breadcrumb li:gt(0)").remove();
            else{
                $("#MenuTipDiv .breadcrumb li:eq(1) span").html($this.parents(".panel-default").find(".panel-heading a").text());
                $("#MenuTipDiv .breadcrumb li:eq(2) span").html(text);
            }
            return false;
        }
    });
}

 

二、展示数据

技术分享

先手动弄一个数据,再想办法去数据库取。

源码有分页公共方法

/// <summary>
    /// 分页数据集合,用于后端返回分页好的集合及前端视图分页控件绑定
    /// </summary>
    /// <typeparam name="T"></typeparam>
    public class PagedList<T> : List<T>, IPagedList
    {
        public PagedList(IList<T> items, int pageIndex, int pageSize)
        {
            PageSize = pageSize;
            TotalItemCount = items.Count;
            CurrentPageIndex = pageIndex;
            for(int i = StartRecordIndex - 1; i < EndRecordIndex; i++){
                Add(items[i]);
            }
        }

        public PagedList(IEnumerable<T> items, int pageIndex, int pageSize, int totalItemCount)
        {
            AddRange(items);
            TotalItemCount = totalItemCount;
            CurrentPageIndex = pageIndex;
            PageSize = pageSize;
        }

        public int ExtraCount{get;set;}
        public int TotalPageCount => (int) Math.Ceiling(TotalItemCount/(double) PageSize);
        public int StartRecordIndex => (CurrentPageIndex - 1)*PageSize + 1;
        public int EndRecordIndex => TotalItemCount > CurrentPageIndex*PageSize ? CurrentPageIndex*PageSize : TotalItemCount;
        public int CurrentPageIndex{get;set;}
        public int PageSize{get;set;}
        public int TotalItemCount{get;set;}
    }
    public static class PageLinqExtensions
    {
        public static PagedList<T> ToPagedList<T>(this IQueryable<T> allItems, int pageIndex, int pageSize)
        {
            if(pageIndex < 1) pageIndex = 1;
            var itemIndex = (pageIndex - 1)*pageSize;
            var pageOfItems = allItems.Skip(itemIndex).Take(pageSize).ToList();
            var totalItemCount = allItems.Count();
            return new PagedList<T>(pageOfItems, pageIndex, pageSize, totalItemCount);
        }
    }

具体还没去看,但非常精简,很不错

 

EF+MVC+Bootstrap 项目实践 Day11

原文:http://www.cnblogs.com/liuyouying/p/5060249.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!