EasyUI实践之路之datagrid（菜单栏、工具栏、格式化、动态换列）

一、datagrid：

1、table菜单栏：先在div中添加<a easyui-linkbutton>，再在table 属性中设置toolbar=div的id；

2、frozen列：有2种方式，一是在table的<thead frozen="true">加上，后面跟上是要冻结的列，这种方式比较呆板，直接就写死在html代码中；另一种是js，用frozenColumns:[[]]将要冻结的列写在里面，这样可以灵活调整，如下图：

$('#tt').datagrid({title: 'Frozen Columns',

    frozenColumns: [[{field: 'itemid', title: 'Item ID', width: 80},
        {field: 'productid', title: 'Product ID', width: 80},
    ]],

在第一种方法中，要将fitColumns值设置为false或不设置，如果为true则影响frozen。

3、动态换（加载）列：初始时用$(function(){ $(表id).datagrid({columns:[[{},{}]]以数组形式先加载原始列，再用onclick按钮换列，即function 函数名{$(表id).datagrid({columns:[[{},{}]]}），注意<table>设置好id、url（数据来源）即可，无需设置thead了。

4、格式化列，在列加上formatter属性，这个属性上用function实现；

function formatPrice(val,row) {if(val <20) {return '<b <span style="color:#95B8E7 ";>('+val+')</span> </b>';
    }

EasyUI实践之路之datagrid（菜单栏、工具栏、格式化、动态换列）相关推荐

猪八戒网CI/CD最佳实践之路
序言本文旨在介绍ZBJ DevOps团队倾力打造的DevOps平台中关于CI/CD流水线部分的实践.历经三次大版本迭代更新的流水线,完美切合ZBJ各种业务发展需求,在满足高频率交付的同时,提高了研发 ...
京东千万并发 API 网关实践之路！
来源:京东零售技术(id:jd-sys) 链接:京东API网关实践之路概述 1 背景京东作为电商平台,近几年用户.业务持续增长,访问量持续上升,随着这些业务的发展,API网关应运而生. API网关 ...
机器学习业务实践之路-李博-专题视频课程
机器学习业务实践之路-7159人已学习课程介绍本系列课程为您讲述如何使用机器学习算法解决业务问题,会以实际业务作为出发点,所有实验都提供实验流程以及实验数据,帮您用短的时间学习机器 ...
云效助力新金融DevOps转型——南京银行实践之路
在2018云栖大会南京峰会企业研发云专场,由南京银行研发管理负责人吴攀带来了"云效助力新金融DevOps转型--南京银行实践之路"的主题分享.首先对南京银行的研发规模与成长做了介绍 ...
垃圾回收机制和菜单栏工具栏
垃圾回收机制和菜单栏工具栏文章目录垃圾回收机制和菜单栏工具栏一.垃圾回收机制二.菜单栏工具栏一.垃圾回收机制 QPushButton* b1 = new QPushButton(this); ...
OOAD实践之路——真实案例解析OO理论与实践（二、第一项任务：特性列表）
查看本系列全部文章: <OOA&D实践之路--真实案例解析OO理论与实践>索引贴第一份说明当这个项目开始时,我们得到的关于我们要做的系统的唯一说明是一页Word文档 ...
CSS3实践之路(一):CSS3之我观
CSS 的英文全称Cascading Style Sheets,中文意思是级联样式表,通过设立样式表,可以统一地控制HMTL中各DOM元素的显示属性.级联样式表可以使人更能有效地控制网页外观.使用级联 ...
02 | 健康之路 kubernetes(k8s) 实践之路 : 生产可用环境及验证
上一篇< 01 | 健康之路 kubernetes(k8s) 实践之路 : 开篇及概况 >我们介绍了我们的大体情况,也算迈出了第一步.今天我们主要介绍下我们生产可用的集群架设方案.涉及了整 ...
在碰撞中成长 - 北京银行的DevOps实践之路
2018年10/27日,在上海召开的微软年度最大规模的技术盛会-微软2018技术暨生态大会上,北京银行渠道系统负责人&敏捷团队负责人周兵女士和大家一起分享了北京银行的DevOps 实践转型经验 ...

EasyUI实践之路之datagrid（菜单栏、工具栏、格式化、动态换列）

EasyUI实践之路之datagrid（菜单栏、工具栏、格式化、动态换列）相关推荐

最新文章

热门文章