【项目实战】---EasyUI数据表格的行风格
来源:互联网 发布:华罗庚知乎 编辑:程序博客网 时间:2024/05/16 08:13
前言:
通过实践,对于easyui的了解在进一步的加深,小小的效果能增添显示的清晰度和美感。这次要求通过生成时间和年限计算出到期时间,并更具到期时间和当前时间的比较,让到期的行显示成粉色,其余行颜色不变。这就涉及到数据表格的行风格。
分析:
easyui数据表格的行风格通过data-option的rowStyler来实现。
核心代码:
@*数据列表*@ <div> <table id="BottleLifeGrid" class="easyui-datagrid" style="width:100%;height: 460px" data-options="rowStyler: function (index, row) { if (row.DueDate > new Date().toLocaleDateString()) {return 'background-color:#FFC0CB;color:#fff;'; }}"></table></div>
//获取使用年限 int serviceLife = Convert.ToInt32(item.ServiceLife);//通过生产时间和使用年限计算到期时间 DateTime DueDate = Convert.ToDateTime(item.ProduceDate).AddYears(serviceLife);//格式转换 string dueDate = DueDate.ToShortDateString();
效果:
总结:
小小的效果也好好好的对待,通过这些效果的实现能得到很好的锻炼,最重要的是小小效果的不断积累能很好的提高用户的体验度。
阅读全文
0 0
- 【项目实战】---EasyUI数据表格的行风格
- 设置DataGrid的行风格,单元格风格
- 自定义easyui-datagid的表格数据序列号
- easyui表格数据折叠的使用经验
- easyUI 数据表格-datagrid
- easyui获取数据表格中选中行的数据
- EasyUI datagrid数据表格--获取datagrid中选中行的数据
- Easyui数据表格加载Json的内嵌对象数据
- easyui的数据表格(datagrid)使用时formatter的技巧
- jQuery EasyUI DataGrid 数据表格
- jQuery EasyUI DataGrid 数据表格
- easyUI 数据表格客户分页
- jQuery EasyUI数据表格之一
- EasyUI数据表格之二
- easyui datagrid表格数据排序
- easyui datagrid数据表格(一)
- jQuery-EasyUI-DataGrid 数据表格
- 使用easyUI数据表格生成子表格
- Android Studio 3.0 RC 1 下载地址
- gdb 调试子进程
- tomcat solr服务无法搜索中文
- 字符串匹配-KMP算法
- Ted Belytschko的单晶塑性
- 【项目实战】---EasyUI数据表格的行风格
- 创建 VirtualBoxClient COM 对象失败. 应用程序将被中断的解决办法
- 聊聊CDN的那些事儿
- JavaScript里的面向对象心得
- Address already in use: JVM_Bind(端口冲突)
- 树结构
- okhhtp + recyclerview + 上拉刷新下拉加载 + 点击事件
- 闭包问题
- 如何在linux系统下安装nginx、pcre、zlib、openssl工具