zoukankan      html  css  js  c++  java
  • jquery表格datagrid单元格显示图片及分页使用

     要想达到自定义显示表格框的目的比如显示图片,超链接,按钮的形式,只需要给列添加formatter属性即可,比如显示图片:

    columns: [[
                                    { field: 'IName', title: '显示名称', 50 }, //checkbox。多选框的列
                                    {
                                        field: 'Iurl', title: '图片', 80,
                                        formatter: function (value, row, index) {
                                            return "<img src='" + value + "' width='30' height='30'/>";
                                        }
                                    },
                                    { field: 'ImgOrder', title: '显示顺序', 60 }
                    ]],

    -------------------------------------分页案例:

      /// <summary>
            /// 设置滚动图片
            /// </summary>
            /// <returns></returns>
            public ActionResult GetGunDong()
            {
                int total = 0;
                int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);
                int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]);
                var list = giss.LoadEntities(c => c.CId == CurrentCan.Id);
                total = list.Count();
                var listResult = list.OrderBy(u => u.ImgOrder).Skip((pageIndex - 1) * pageSize).Take(pageSize);
                var data = new { total = total, rows = from l in listResult select new { l.Id, l.Iurl, l.IName, l.CId, l.ImgOrder } };
                //内部会 帮我们  序列化成json格式数据
                return Json(data, JsonRequestBehavior.AllowGet);
            }

  • 相关阅读:
    冲刺周期会议三
    冲刺周期会议二
    冲刺周期会议一
    日常会议
    总结会议及站立会议(六)
    站立会议(五)
    站立会议(四)
    【自习任我行】
    软件小创意
    团队项目题目拟定
  • 原文地址:https://www.cnblogs.com/guozefeng/p/3293567.html
Copyright © 2011-2022 走看看