LigerUI——天外飞仙
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——天外飞仙相关推荐
- jQuery UI 之 LigerUI 快速入门
LigerUI 快速开发UI框架 LigerUI 是基于jQuery 的UI框架,其核心设计目标是快速开发.使用简单.功能强大.轻量级.易扩展.简单而又强大,致力于快速打造Web前端界面解决方案,可以 ...
- LigerUI权限系统之组织结构
先上图,再看代码.组织结构界面 组织结构添加: 组织结构修改: 组织结构删除: 我在做这个页面的时候treegrid 的远程数据加载让我很头痛,从LigerUI官网提供的Demo来看,它是根据json ...
- Jquery LigerUI
http://www.ligerui.com/ Blog : http://www.cnblogs.com/leoxie2011/archive/2012/01/16/2324106.html#lab ...
- LigerUI 使用教程表格篇
阅读目录 第一个例子 数据结构 两种绑定数据的方式 配置column 自定义表头 自定义单元格 排序与分页 事件与方法 第一个例子 简介 ligerGrid是ligerui系列插件的核心控件,用户可以 ...
- UI控件库分享:DWZ(j-UI)、LigerUI、Linb
DWZ(j-UI): 在线演示地址:http://demo.dwzjs.com 在线文档:http://demo.dwzjs.com/doc/dwz-user-guide.pdf DWZ框架Ajax开 ...
- LigerUI编辑表格组件单元格校验问题
这几天在使用LigerUI(版本为1.2.2)编辑表格组件的时候,遇到几个小问题,从官方demo和api中没有找到解决的办法 问题1.从数据库查询出来的主键单元格不可编辑问题 主键单元格已经保存之前编 ...
- golang为LigerUI编写简易版本web服务器
package mainimport ("io/ioutil""log""net/http""os" )var zpat ...
- atitit.表单验证 的dsl 本质跟 easyui ligerui比较
atitit.表单验证的dsl 本质跟 easyui ligerui比较 1. DSL 声明验证 1 2. 自定义规则 1 3. 正则表达式验证,可以扩展实现 2 4. 犯错误消息提示,generic ...
- MVC + LigerUI 做后台管理还真是清爽
LigerUI是基于Jquery,轻量级UI框架.具体可以看官方演示 http://www.ligerui.com/ 我的简单后台 模拟Winodw桌面效果,挺不错呢.最喜欢的还是他的,下拉列表绑定G ...
最新文章
- JS仿淘宝关闭二维码案例
- opencv中的threshold()函数(二值化)
- salt常用命令(一)
- Centos(阿里云) 安装python3.4以及pip3
- 网站开发与客户之间的流程
- SQL 2005数据库函数基本应用
- 如何配置Mybatis?(详解)
- 自定义view——环形进度条,带progress值
- 二极管 三极管 mos管
- 【时间序列】时间序列数据的缺失填补方法总结
- EXCEL打开文件密码如何找回
- Tracup体验报告
- hdu 6078 Wavel Sequence
- FusionCharts简单教程(一)---建立第一个FusionCharts图形
- 深度学习之五:稀疏编码
- 人生感悟,心灵的独白
- 两个圆柱相交的体积 UVALive 5096 Volume
- 计算机排版自然段视频教程,视频画面排版方法
- 物联网的体系架构概述
- Vue时间过滤器(转换时间类型)
热门文章
- 心得丨程序员们,AI来了,机会来了,危机也来了,我们该咋办?
- 《用Python进行自然语言处理》第8章 分析句子结构
- 2021年全球十大工程成就,中国有几个? | 科技袁人
- 未来智能:人有人用,机有机用
- 人工智能和物联网:智慧城市的交通管理
- 低调!中国北斗核心卫星部署完成,开启“全球时代”!超越GPS指日可待
- 美国芯片简史:军方大力扶持下的产物 但一度被日 韩超越
- 中国AI创新者论坛将于3月21日在清华大学举办
- DARPA宣布未来五年将投资20亿美元开发下一波人工智能技术
- Yoshua Bengio团队最新强化学习研究:智能体通过与环境交互,「分离」变化的独立可控因素