- ag-grid-angular
前端咸鱼
前端日常杂项ag-grid-angular
最近在研究基于angular2+的表格的用法,发现一种非常好用的表格,就是ag-grid,ag-grid不仅对angular1.x有支持,还支持react,vue等目前主流的前端框架,这里我们只是对angular2+中的ag-grid进行讲解,这个表格继承了angular1.x中ui-grid的一些优点,并补全了ui-grid的一些缺点,总体来说是一个非常棒的表格。第一节主要讲解表格列的定义,但是
- ui-grid 添加搜索过滤
我就是看看哦
onRegisterApi:function(gridApi){$scope.gridApi.grid.registerRowsProcessor($scope.singleFilter,200);}html$scope.filter=function(){$scope.gridApi.grid.refresh();};$scope.filterValue=""$scope.singleFilte
- ui-grid入门教程(一)
MakingChoice
最近看UI-bootstrap资料,发现一款非常优秀的AngularJS插件ui-grid。由于是英文资料,下面根据我的理解和看到的英文资料写一个小的教程。介绍首先ui-grid是AngularUI库中的一部分,主要功能实现数据表格。主要特点是纯AngularJS,没有使用jquery;在一万行以上的大大数据表格表现性能好;只需加载需要的插件。可配置性:可定制模板;可通过CSS更改外观;Drop-
- 二十八、UI-Grid Grouping 分组
西柚叨叨
angularjsui-grid中文api
原文:Tutorial:209Grouping分组功能允许您根据特定列中的相似值对行进行分组,在某些方面类似于excel数据透视表的效果。不按分组的列可以聚合,例如,统计每个组中的行数。api文档中提供有”分组”的功能,包括分组本身和treeBase文档中的共享函数。特别是:groupingcolumnDefandtreeBasecolumnDefgroupinggridOptionsandtre
- 二十四、UI-Grid 行编辑功能
西柚叨叨
angularjsui-grid中文api
原文:205RowEditFeatureui.grid.rowedit扩展了编辑功能,以支持对服务器保存数据的回调,该数据同时保存了“行”。此功能尝试给用户一个类似于电子表格的体验,以便他们可以编辑他们希望的任何字段,并且该功能将试图保存数据“行”。在数据不会产生错误的程度上,从用户的角度来看,保存过程几乎是无形的–保存后变灰色,和不能编辑的灰色,用户就像数据是本地的一样进行编辑。rowEdit功
- 二十九、UI-Grid Selection 选择
西柚叨叨
angularjsui-grid中文api
原文:Tutorial:210Selection此示例使用ui-grid-selection指令来选择行。若要启用,必须包括“ui.grid.selection”模块,并且必须在表格元素上写入ui-grid-selection指令。选择功能的文档在api文档中提供,特别是:gridOptionspublicApi使用gridOptionsonRegisterApi回调在选定行时注册rowSelec
- 三、UI-Grid 筛选
西柚叨叨
angularjsui-grid中文api
原文:103Filtering简单设置UI-Grid能够行筛选。需要在gridoptions中设置enableFiltering标识(默认是关闭状态)。在columndef中设置enableFiltering:false可以禁用该列的过滤。参看下面例子中的“company”列。在columndef中可以通过filter:{term:‘xxx’}设置筛选选项。可以参看下面例子中的“gender”列。
- ui-grid 常用操作
扮老虎的猪
前端
这是一个表格控件,官网地址为:http://ui-grid.info/docs/#/tutorialhtml:js:varmyHeaderCellTemplate='编辑';$scope.gridOptions={enableRowSelection:true,//行选择是否可用,默认为trueenableSelectAll:true,//选择所有checkbox是否可用,默认为truemulti
- 二十、UI-Grid 编辑功能
西柚叨叨
angularjsui-grid中文apiangularjsui-gridui-grid中文ui-gird中文版
原文:201EditFeatureui.grid.edit功能允许对表格数据进行内嵌编辑。要启用,必须包括“ui.grid.edit”模块,必须在表格元素上包括ui-grid-edit编辑指令。api文档中提供了编辑功能的文档,特别是:columnDefgridOptionspublicApi可以使用列定义中的enableCellEdit选项来允许列可编辑。通过双击、f2、或开始键入任何non-n
- angularjs ui-grid 全选事件(enableSelectAll)(获取选中数据)
小明不知上班的路
let$this=this;onRegisterApi:(gridApi)=>{$this.gridApi=gridApi;//单点行选中时触发$this.gridApi.selection.on.rowSelectionChanged($this.$scope,function(row,event){//row为单行数据row.entity;});//全选事件enableSelectAll(在g
- angular之ui-grid的使用
子心之泪
angular
最近一段时间在使用angularjs然后就找到ui-grid这个比较不错的表格插件,感觉还不错,所以分享给大家(ps:新手第一次发)angular.module('app',['ui.grid','ui.grid.selection','ui.grid.resizeColumns','ui.grid.autoResize','ui.grid.edit','ui.grid.exporter','ui
- Angular中ui-grid的使用详解
lelara
Angular中ui-grid的使用详解Angular中ui-grid的使用在项目开发的过程中,产品经理往往会提出各种需求,以提高用户体验。最近,项目中用到的表格特别多,而且表格的列数和行数也超多。为了让用户浏览更爽,产品经理提出,当表格上下滚动时,表头固定,左右滚动时,表头随动。就这样一个看似十分easy的需求,我研究了一周时间,终于给实现了。刚开始我研究bootstrap-table,这个插件
- [AngularJS] 插件ui-grid使用说明
优雅1217
AngularJS
uigrid的官网api需要,可以下载https://github.com/angular-ui/ui-gridapi目录misc->tutorial基础指令对表格进行操作命令解释ui-gird-pagination分页指令ui-grid-selection选择ui-grid-selection选择行ui-grid-exporter导出ui-grid-auto-resize解决grid布局自动适应
- angular ui-grid之过滤器设置
Inuyasha1121
AngularJS插件angularjsui-grid
varapp=angular.module('app',['ui.grid','ui.grid.edit']);app.controller('MainCtrl',['$scope','$http',function($scope,$http){$scope.gridOptions={columnDefs:[{field:'name'},{field:'amount',name:'Number',
- angularjs之ui-grid 使用详解
QuinnYoko
angularjsui-gridangularjsui-griddblclick行双击
最近一段时间在使用angularjs然后就找到ui-grid这个比较不错的表格插件,感觉还不错,所以分享给大家(ps:新手第一次发)html:js:angular.module('app',['ui.grid','ui.grid.selection','ui.grid.resizeColumns','ui.grid.autoResize','ui.grid.edit','ui.grid.expor
- angular 使用$http.jsonp进行跨域访问以及修改目标JSON
Ktom
昨天把皮皮书屋的遗产书籍整理好了,做了个AngularJs的SAP,上传到了阿里云,主要思路是使用把皮皮书屋的xls内容转化成了JSON,然后用$http.get直接拿到数据,然后用ui-grid展示,并且提供搜索功能。本地一切都很好,工作很顺利,可是上传到阿里云后发现IIS不认JSON,会报未处理.JSON类型文件的错误,要改正这个错误需要admin权限执行一些命令,那算了吧,把JSON放在阿里
- 如何使用ui-grid
捡破烂儿的
Installnpminsatllangular-ui-gridHrefimport{grid}from'angular-ui-grid';note:默认的exports只有'ui.grid',如需使用其他指令需在index中增加exports的module;require('./ui-grid.min.css');exports.uiGrid='ui.grid';exports.uiGridPa
- 在项目中使用AngularJS+UI-Grid
zhengqiangtan
AngularJS
一、效果图二、简单的需求使用UI-Grid来显示表格使用infiniteScroll来进行滚动加载,参考文档三、前端JSdefine(['{angular}/angular'],function(angular){'usestrict';varclientList=angular.module('ClientList',['ngResource','ui.grid','ui.grid.infini
- AngularJS + controller + 总结
anitak
上午终于上线了之前两个礼拜做的需求,过程中遇到了挺多坑的,还夹着一个偏前端端别的项目在做,有点紧张。在AngularJS做的那个项目中,性能上问题是个大问题,想了下,除了ui-grid这个控件可能不太适合我们那个项目(因为项目要有编辑表格的功能,逻辑还挺繁复),最最重要的是:什么都写在controller里面,成了代码的瓶颈,directive反而特别轻,没能做到分开来,没能做到该做什么的就去做什
- angularJs中ui-grid下的ng-click点击无作用,要在函数前加grid.appScope
$scope.靠谱青年
前端ui-grif
新手使用ui-grid,遇上ng-click点击无作用束手无辞,什么把ng-click改为data-ng-click都没有作用。翻看了前辈在别的项目下写了和我的没什么区别。搞不懂为什么我的没有作用。错误代码示例:columnDefs:[{field:'C_AMOUNT_shenlin',displayName:'合同金额(元)',minwidth:150,cellTemplate:'{{row.e
- angularjs之ui-grid 使用详解
SunsCheung
Angular
最近一段时间在使用AngularJS然后就找到ui-grid这个比较不错的表格插件,感觉还不错,所以分享给大家(ps:新手第一次发)html:[html]viewplaincopyjs:[javascript]viewplaincopyangular.module('app',['ui.grid','ui.grid.selection','ui.grid.resizeColumns','ui.gr
- AngularJS控制单元格样式
Java苦行僧
前端
在angularJS的平常开发中或许会遇到想特定的想标识一个单元格,下面就讲一下怎么操作。第一步先定义一个class样式,如下:.reds{background-color:#73ee3b!important;}第二步在angular的grid中定义一个参数(对于angular的ui-grid可参照我写过的博客点击打开链接在这就不多说了)代码如下columnDefs:[{width:120,nam
- 【AngularJs】ui-grid 使用详解
zy0421911
在ui-grid导出pdf时可能会出现中文字符无法显示问题,解决方法看这篇博客:http://my.oschina.net/gmd/blog/714911html代码: ui-Grid Example01
- JQuery Mobile入门——多种类型的网格布局
无产阶级沙发客
JQueryMoblie
1、JQueryMobile提供的CSS样式ui-grid可以实现内容的网格布局,该样式有4种预设的配置布局:ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d,分别对应为两列、三列、四列、五列的网格布局形式。使用网格布局时,整个宽度为100%,无任何padding,margin及背景颜色,因此不会影响到其他元素放入网格中的位置。2、示例代码:NewDocument头部
- ui-grid
Look_a_Look
表格配置文件gridOptions={enableScrollbars:true,//滚动条enableRowSelection:true,//选择行enableSelectAll:true,//全选multiSelect:true,//多选enableGridMenu:true,//表格菜单//enableColumnMenus:false,selectionRowHeaderWidth:35,
- Angularjs UI-Grid 超详细
新手12138号
AngularjsUI-Grid
了解AngularjsUI-Grid起因:项目需要一个可以固定列和表头的表格,因为表格要显示很多列,当水平滚动条拉至后边时可能无法看到前边的某些信息。以前在angularjs1.x中一直都是直接ng-repeat去完成一个table,显示上没有太多要求,此时遇到这个需求,时间上又无法允许你去思考实现之法,而且angularjs去实现一个像这样的指令也并不容易,于是便要去寻找一个可用的angular
- ui-grid入门教程(二)
MakingChoice
这部分讲解ui-grid的排序功能,排序功能是默认存在的,可以在ui-grid设置enableSorting标识符来设置enable/disable。/需要注意的是:需要引入ngAnimate模块。/(1)通过设置enableSorting:false在列上禁止排序。(2)多列也能够被排序,比如点击了gender然后点击name(3)点击菜单排序,这个排序效果是叠加性质的。比如你点击量一个按钮排序
- 详解jQuery移动页面开发中的ui-grid网格布局使用
在移动设备上,屏幕宽度狭窄,因此通常不使用多栏布局,但是有时你可能需要将小的元素(如按钮或并排导航标签,例如)多列排列在一起。JqueryMobile框架提供了一种简单的方法构建基于css的分栏布局,叫做ui-gridJqueryMobile提供有四个预设的布局,可以在任何情况下都需要列两列(使用ui-grid-a类)三列(使用ui-grid-b类)四列(使用ui-grid-c类)五列(使用ui-
- Angular表格神器ui-grid应用详解
浮生若梦梦蹉跎
本文实例为大家分享了Angular表格神器ui-grid的具体代码,供大家参考,具体内容如下HTML:(代码仅用于解释得更清楚,并未完全展示)ui-grid-resize-columns:使列可以改变宽度,像这样:Jvarapp=angular.module('app',['ngTouch','ui.grid']);app.controller('MainCtrl',['$scope',funct
- ag-Grid的基本用法一(表格列的定义)
Alex__Gong
JavaScriptag-grid
最近在研究基于angular2+的表格的用法,发现一种非常好用的表格,就是ag-grid,ag-grid不仅对angular1.x有支持,还支持react,vue等目前主流的前端框架,这里我们只是对angular2+中的ag-grid进行讲解,这个表格继承了angular1.x中ui-grid的一些优点,并补全了ui-grid的一些缺点,总体来说是一个非常棒的表格。第一节主要讲解表格列的定义,但是
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l