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);
            }

  • 相关阅读:
    Team Queue(队列)
    括号匹配(栈+贪心)
    string操作
    树状数组优化+dp
    最短路径变形(最大值的最小值)
    D. Ehab the Xorcist(异或和关系)
    2019 计蒜之道 第五场 A(set的应用)
    2019 计蒜之道 第三场 D(找规律+欧拉降幂)
    hdu 3507 Print Article(斜率优化dp入门题)
    oj 26319 最大子序和
  • 原文地址:https://www.cnblogs.com/guozefeng/p/3293567.html
Copyright © 2011-2022 走看看