2019独角兽企业重金招聘Python工程师标准>>>

最近使用LigerUI的过程中发现了一些demo中没有但却很实用的方法,找起来可谓千辛万苦,故贴出来方便一下遇到这些问题的朋友,仅供参考。

1. 设置表格样式、单元格内容显示不完整的情况下以"..."号表示 

.l-grid-row-cell-inner,.l-grid-hd-cell-inner{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0px;margin-right:0px;                         }

2. 设置表格列宽自动化

function columnAuto(){$(".l-grid-header-inner","#maingrid").css("width","100%");$(".l-grid-header-table","#maingrid").css("width","100%");  $(".l-grid-body-inner","#maingrid").css("width","100%");$(".l-grid-body-table","#maingrid").css("width","100%");$(".l-grid-row-cell-inner","#maingrid").css("width","100%");$("table","#maingrid").css("table-layout","fixed");         }

3. 扩展currency类型的格式化函数(为表格列设置【type:'currency'】即可)

$.ligerDefaults.Grid.formatters['currency'] = function (num, column) {if (!num) return "¥0.00";num = num.toString().replace(/\$|\,/g, '');if (isNaN(num))num = "0.00";sign = (num == (num = Math.abs(num)));num = Math.floor(num * 100 + 0.50000000001);cents = num % 100;num = Math.floor(num / 100).toString();if (cents < 10)cents = "0" + cents;for (var i = 0; i < Math.floor((num.length - (1 + i)) / 3); i++)num = num.substring(0, num.length - (4 * i + 3)) + ',' +num.substring(num.length - (4 * i + 3));return "¥" + (((sign) ? '' : '-') + '' + num + '.' + cents);};

4.设置表格列后置方法(截取日期【2013-01-08 10:33:29.0】)

render: function (record, rowindex, value, column) {if(value!=''){return value.replace(".0","");}else{return '';}}},

5.动态添加表格数据格式

maingrid.addRows(eval("["+data.gridData+"]"), null, true, row);

6.如果是根据点击左边的树加载表格数据时如果翻到了第二页,点击另外一个树节点时不会自动跳转到第一页,此时需要手动跳转到第一页。

maingrid = $("#maingrid").ligerGetGridManager();
maingrid.changePage("first");

7.检查表格(树形)输入框内容,如果为空则去掉选中状态,否则选中

function checkVal(){ //获取选中表格数据对象var sdata=maingrid.getCheckedRows();$.each(sdata, function(key, val) {//输入框id格式为(name_A201301080957142857)var v=$('#name'+val.busisn+'').val();//检查选中的输入框内容if(v != null){if(v.length ==0){//如果无值则去掉选中状态maingrid.unselect(maingrid.getRow(val));}}else{//如果选中的为树节点则去掉选中状态maingrid.unselect(maingrid.getRow(val));}});//获取表格所有数据对象var cdata=maingrid.getData();//统计有值的输入框var rt=0;$.each(cdata, function(key, val) {var v=$('#name_'+val.busisn+'').val();if(v != null){if(v.length >0){//如果有值该行状态改为选中maingrid.select(maingrid.getRow(key));rt++;}}});if(rt==0){alert("请填写名称后提交!");return "false";}}
function checkVal(){ //获取选中表格数据对象var sdata=maingrid.getCheckedRows();$.each(sdata, function(key, val) {//输入框id格式为(name_A201301080957142857)var v=$('#name'+val.busisn+'').val();//检查选中的输入框内容if(v != null){if(v.length ==0){//如果无值则去掉选中状态maingrid.unselect(maingrid.getRow(val));}}else{//如果选中的为树节点则去掉选中状态maingrid.unselect(maingrid.getRow(val));}});//获取表格所有数据对象var cdata=maingrid.getData();//统计有值的输入框var rt=0;$.each(cdata, function(key, val) {var v=$('#name_'+val.busisn+'').val();if(v != null){if(v.length >0){//如果有值该行状态改为选中maingrid.select(maingrid.getRow(key));rt++;}}});if(rt==0){alert("请填写名称后提交!");return "false";}}

转载于:https://my.oschina.net/jacobking/blog/100750

LigerUI——天外飞仙相关推荐

  1. jQuery UI 之 LigerUI 快速入门

    LigerUI 快速开发UI框架 LigerUI 是基于jQuery 的UI框架,其核心设计目标是快速开发.使用简单.功能强大.轻量级.易扩展.简单而又强大,致力于快速打造Web前端界面解决方案,可以 ...

  2. LigerUI权限系统之组织结构

    先上图,再看代码.组织结构界面 组织结构添加: 组织结构修改: 组织结构删除: 我在做这个页面的时候treegrid 的远程数据加载让我很头痛,从LigerUI官网提供的Demo来看,它是根据json ...

  3. Jquery LigerUI

    http://www.ligerui.com/ Blog : http://www.cnblogs.com/leoxie2011/archive/2012/01/16/2324106.html#lab ...

  4. LigerUI 使用教程表格篇

    阅读目录 第一个例子 数据结构 两种绑定数据的方式 配置column 自定义表头 自定义单元格 排序与分页 事件与方法 第一个例子 简介 ligerGrid是ligerui系列插件的核心控件,用户可以 ...

  5. UI控件库分享:DWZ(j-UI)、LigerUI、Linb

    DWZ(j-UI): 在线演示地址:http://demo.dwzjs.com 在线文档:http://demo.dwzjs.com/doc/dwz-user-guide.pdf DWZ框架Ajax开 ...

  6. LigerUI编辑表格组件单元格校验问题

    这几天在使用LigerUI(版本为1.2.2)编辑表格组件的时候,遇到几个小问题,从官方demo和api中没有找到解决的办法 问题1.从数据库查询出来的主键单元格不可编辑问题 主键单元格已经保存之前编 ...

  7. golang为LigerUI编写简易版本web服务器

    package mainimport ("io/ioutil""log""net/http""os" )var zpat ...

  8. atitit.表单验证 的dsl 本质跟 easyui ligerui比较

    atitit.表单验证的dsl 本质跟 easyui ligerui比较 1. DSL 声明验证 1 2. 自定义规则 1 3. 正则表达式验证,可以扩展实现 2 4. 犯错误消息提示,generic ...

  9. MVC + LigerUI 做后台管理还真是清爽

    LigerUI是基于Jquery,轻量级UI框架.具体可以看官方演示 http://www.ligerui.com/ 我的简单后台 模拟Winodw桌面效果,挺不错呢.最喜欢的还是他的,下拉列表绑定G ...

最新文章

  1. JS仿淘宝关闭二维码案例
  2. opencv中的threshold()函数(二值化)
  3. salt常用命令(一)
  4. Centos(阿里云) 安装python3.4以及pip3
  5. 网站开发与客户之间的流程
  6. SQL 2005数据库函数基本应用
  7. 如何配置Mybatis?(详解)
  8. 自定义view——环形进度条,带progress值
  9. 二极管 三极管 mos管
  10. 【时间序列】时间序列数据的缺失填补方法总结
  11. EXCEL打开文件密码如何找回
  12. Tracup体验报告
  13. hdu 6078 Wavel Sequence
  14. FusionCharts简单教程(一)---建立第一个FusionCharts图形
  15. 深度学习之五:稀疏编码
  16. 人生感悟,心灵的独白
  17. 两个圆柱相交的体积 UVALive 5096 Volume
  18. 计算机排版自然段视频教程,视频画面排版方法
  19. 物联网的体系架构概述
  20. Vue时间过滤器(转换时间类型)

热门文章

  1. 心得丨程序员们,AI来了,机会来了,危机也来了,我们该咋办?
  2. 《用Python进行自然语言处理》第8章 分析句子结构
  3. 2021年全球十大工程成就,中国有几个? | 科技袁人
  4. 未来智能:人有人用,机有机用
  5. 人工智能和物联网:智慧城市的交通管理
  6. 低调!中国北斗核心卫星部署完成,开启“全球时代”!超越GPS指日可待
  7. 美国芯片简史:军方大力扶持下的产物 但一度被日 韩超越
  8. 中国AI创新者论坛将于3月21日在清华大学举办
  9. DARPA宣布未来五年将投资20亿美元开发下一波人工智能技术
  10. Yoshua Bengio团队最新强化学习研究:智能体通过与环境交互,「分离」变化的独立可控因素