UI-Grid

ag-grid-angular

ag-grid,ag-grid不仅对angular1.x有支持，还支持react，vue等目前主流的前端框架，这里我们只是对angular2+中的ag-grid进行讲解，这个表格继承了angular1.x中ui-grid
前端咸鱼·2023-10-19 16:30

ui-grid 添加搜索过滤

onRegisterApi:function(gridApi){$scope.gridApi.grid.registerRowsProcessor($scope.singleFilter,200);}html$scope.filter=function(){$scope.gridApi.grid.refresh();};$scope.filterValue=""$scope.singleFilte
我就是看看哦·2023-04-19 10:40

ui-grid入门教程（一）

最近看UI-bootstrap资料，发现一款非常优秀的AngularJS插件ui-grid。由于是英文资料，下面根据我的理解和看到的英文资料写一个小的教程。
MakingChoice·2021-05-09 01:46

二十八、UI-Grid Grouping 分组

原文：Tutorial:209Grouping分组功能允许您根据特定列中的相似值对行进行分组,在某些方面类似于excel数据透视表的效果。不按分组的列可以聚合,例如,统计每个组中的行数。api文档中提供有”分组”的功能,包括分组本身和treeBase文档中的共享函数。特别是:groupingcolumnDefandtreeBasecolumnDefgroupinggridOptionsandtre
西柚叨叨·2020-09-15 11:27

二十四、UI-Grid 行编辑功能

原文：205RowEditFeatureui.grid.rowedit扩展了编辑功能,以支持对服务器保存数据的回调,该数据同时保存了“行”。此功能尝试给用户一个类似于电子表格的体验,以便他们可以编辑他们希望的任何字段,并且该功能将试图保存数据“行”。在数据不会产生错误的程度上,从用户的角度来看,保存过程几乎是无形的–保存后变灰色,和不能编辑的灰色,用户就像数据是本地的一样进行编辑。rowEdit功
西柚叨叨·2020-09-15 11:27

二十九、UI-Grid Selection 选择

原文：Tutorial:210Selection此示例使用ui-grid-selection指令来选择行。若要启用,必须包括“ui.grid.selection”模块,并且必须在表格元素上写入ui-grid-selection指令。选择功能的文档在api文档中提供,特别是：gridOptionspublicApi使用gridOptionsonRegisterApi回调在选定行时注册rowSelec
西柚叨叨·2020-09-15 11:27

三、UI-Grid 筛选

原文：103Filtering简单设置UI-Grid能够行筛选。需要在gridoptions中设置enableFiltering标识（默认是关闭状态）。
西柚叨叨·2020-09-15 11:27

ui-grid 常用操作

这是一个表格控件，官网地址为：http://ui-grid.info/docs/#/tutorialhtml:js:varmyHeaderCellTemplate='编辑';$scope.gridOptions={enableRowSelection:true,//行选择是否可用，默认为trueenableSelectAll:true,//选择所有checkbox是否可用，默认为truemulti
扮老虎的猪·2020-09-15 09:11

二十、UI-Grid 编辑功能

原文：201EditFeatureui.grid.edit功能允许对表格数据进行内嵌编辑。要启用,必须包括“ui.grid.edit”模块,必须在表格元素上包括ui-grid-edit编辑指令。api文档中提供了编辑功能的文档,特别是:columnDefgridOptionspublicApi可以使用列定义中的enableCellEdit选项来允许列可编辑。通过双击、f2、或开始键入任何non-n
西柚叨叨·2020-09-14 15:31

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
小明不知上班的路·2020-09-14 15:12

angular之ui-grid的使用

最近一段时间在使用angularjs然后就找到ui-grid这个比较不错的表格插件，感觉还不错，所以分享给大家（ps:新手第一次发）angular.module('app',['ui.grid','ui.grid.selection
子心之泪·2020-09-14 15:39

Angular中ui-grid的使用详解

Angular中ui-grid的使用详解Angular中ui-grid的使用在项目开发的过程中，产品经理往往会提出各种需求，以提高用户体验。最近，项目中用到的表格特别多，而且表格的列数和行数也超多。
lelara·2020-09-14 14:15

[AngularJS] 插件ui-grid使用说明

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布局自动适应
优雅1217·2020-09-14 13:09

angular ui-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',
Inuyasha1121·2020-09-14 13:17

angularjs之ui-grid 使用详解

最近一段时间在使用angularjs然后就找到ui-grid这个比较不错的表格插件，感觉还不错，所以分享给大家（ps:新手第一次发）html:js:angular.module('app',['ui.grid
QuinnYoko·2020-09-14 12:49

angular 使用$http.jsonp进行跨域访问以及修改目标JSON

昨天把皮皮书屋的遗产书籍整理好了，做了个AngularJs的SAP,上传到了阿里云，主要思路是使用把皮皮书屋的xls内容转化成了JSON，然后用$http.get直接拿到数据，然后用ui-grid展示，
Ktom·2020-09-14 11:55

如何使用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
捡破烂儿的·2020-08-25 03:21

在项目中使用AngularJS+UI-Grid

一、效果图二、简单的需求使用UI-Grid来显示表格使用infiniteScroll来进行滚动加载，参考文档三、前端JSdefine(['{angular}/angular'],function(angular
zhengqiangtan·2020-08-19 20:18

AngularJS + controller + 总结

在AngularJS做的那个项目中，性能上问题是个大问题，想了下，除了ui-grid这个控件可能不太适合我们那个项目（因为项目要有编辑表格的功能，逻辑还挺繁复），最最重要的是：什么都写在controller
anitak·2020-08-17 21:57

angularJs中ui-grid下的ng-click点击无作用，要在函数前加grid.appScope

新手使用ui-grid，遇上ng-click点击无作用束手无辞，什么把ng-click改为data-ng-click都没有作用。翻看了前辈在别的项目下写了和我的没什么区别。搞不懂为什么我的没有作用。
$scope.靠谱青年·2020-08-12 15:01

angularjs之ui-grid 使用详解

最近一段时间在使用AngularJS然后就找到ui-grid这个比较不错的表格插件，感觉还不错，所以分享给大家（ps:新手第一次发）html:[html]viewplaincopyjs:[javascript
SunsCheung·2020-08-03 04:50

AngularJS控制单元格样式

important;}第二步在angular的grid中定义一个参数（对于angular的ui-grid可参照我写过的博客点击打开链接在这就不多说了）代码如下columnDefs:[{width:120
Java苦行僧·2020-08-03 00:32

【AngularJs】ui-grid 使用详解

在ui-grid导出pdf时可能会出现中文字符无法显示问题，解决方法看这篇博客：http://my.oschina.net/gmd/blog/714911html代码：                      
zy0421911·2020-07-29 04:19

JQuery Mobile入门——多种类型的网格布局

1、JQueryMobile提供的CSS样式ui-grid可以实现内容的网格布局，该样式有4种预设的配置布局：ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d，分别对应为两列
无产阶级沙发客·2020-07-13 07:22

ui-grid

表格配置文件gridOptions={enableScrollbars:true,//滚动条enableRowSelection:true,//选择行enableSelectAll:true,//全选multiSelect:true,//多选enableGridMenu:true,//表格菜单//enableColumnMenus:false,selectionRowHeaderWidth:35,
Look_a_Look·2020-07-12 07:01

Angularjs UI-Grid 超详细

了解AngularjsUI-Grid起因:项目需要一个可以固定列和表头的表格,因为表格要显示很多列,当水平滚动条拉至后边时可能无法看到前边的某些信息。以前在angularjs1.x中一直都是直接ng-repeat去完成一个table，显示上没有太多要求,此时遇到这个需求,时间上又无法允许你去思考实现之法,而且angularjs去实现一个像这样的指令也并不容易,于是便要去寻找一个可用的angular
新手12138号·2020-06-25 12:50

ui-grid入门教程（二）

这部分讲解ui-grid的排序功能，排序功能是默认存在的，可以在ui-grid设置enableSorting标识符来设置enable/disable。/需要注意的是：需要引入ngAnimate模块。
MakingChoice·2020-06-21 06:09

详解jQuery移动页面开发中的ui-grid网格布局使用

在移动设备上，屏幕宽度狭窄，因此通常不使用多栏布局，但是有时你可能需要将小的元素（如按钮或并排导航标签，例如）多列排列在一起。JqueryMobile框架提供了一种简单的方法构建基于css的分栏布局，叫做ui-gridJqueryMobile提供有四个预设的布局，可以在任何情况下都需要列两列（使用ui-grid-a类）三列（使用ui-grid-b类）四列（使用ui-grid-c类）五列（使用ui-
·2019-09-25 04:02

Angular表格神器ui-grid应用详解

本文实例为大家分享了Angular表格神器ui-grid的具体代码，供大家参考，具体内容如下HTML:（代码仅用于解释得更清楚，并未完全展示）ui-grid-resize-columns:使列可以改变宽度
浮生若梦梦蹉跎·2017-09-29 15:44

ag-Grid的基本用法一（表格列的定义）

ag-grid,ag-grid不仅对angular1.x有支持，还支持react，vue等目前主流的前端框架，这里我们只是对angular2+中的ag-grid进行讲解，这个表格继承了angular1.x中ui-grid
Alex__Gong·2017-09-19 15:47

详解angular ui-grid之过滤器设置

之前关于angularui-grid过滤器设置，最近需要回顾，就顺便发到随笔上了varapp=angular.module('app',['ui.grid','ui.grid.edit']);app.controller('MainCtrl',['$scope','$http',function($scope,$http){$scope.gridOptions={columnDefs:[{fiel
Inuyasha1121·2017-06-07 17:54

ng-table插件（一）

选择的原因：首先它与ui-grid，更加小巧，轻量级完全满足一般要求。通过很少的配置，能形成一个展示页面。
MakingChoice·2016-06-15 12:07

ui-grid 使用讲解

html代码：                          ui-Grid Example01                                                         
whitelover·2016-05-06 15:00

Angularjs ng-grid 升级到 UI-Grid

Upgradingfrom2.xto3.0ui-grid3.0isasubstantialupgradefromng-grid2.x,withthemajorityofthecodebasehavingbeenrewritten.Wherepossibletheconfigurationisbackwardcompatible,butsomeconceptshavechangedinwaystha
whitelover·2016-05-03 10:00

[转]ng-grid

本文转自：http://angular-ui.github.io/ui-grid/GettingStartedStepsforgettingstarted(exampleonright):AddreferencestojQueryandAngularJS.AddreferencestongGrid'sjavascriptandcssfiles.Whereyoudeclareyourappmodul
freeliver54·2016-03-02 14:00

在项目中使用AngularJS+UI-Grid

一、效果图   二、简单的需求使用UI-Grid来显示表格使用infiniteScroll来进行滚动加载，参考文档三、前端JS define([ '{angular}/angular'],function
u010834071·2015-11-24 17:00

ui-grid 网格布局--jQueryMobile

效果： HTML：  <div data-role="content" class="content">             <div class="ui-grid-c pro-info">   &
·2015-11-13 02:12

在ui-grid中使用右键菜单ng-context-menu

自己的坑自己填在项目里面为了省事用了ui-grid，刚开始看效果不错的！
savokiss·2015-11-12 00:00

jqm的多列布局demo,html5的多列布局demo,多列布局的详细讲解,html5开发实例详解

jQueryMobile通过约定的类名ui-grid来提供了一种基于css的多列布局方法。
xmt1139057136·2014-06-25 10:00

jQuery mobile网格布局

3.4.1网格布局jQueryMobile提供的CSS样式“ui-grid”可以实现内容的网格布局。
CTO51之王·2013-12-15 11:21

jQuery mobile网格布局

3.4.1网格布局jQueryMobile提供的CSS样式“ui-grid”可以实现内容的网格布局。
CTO51之王·2013-12-15 11:21

JQuery Mobile入门——多种类型的网格布局

1、JQueryMobile提供的CSS样式ui-grid可以实现内容的网格布局，该样式有4种预设的配置布局：ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d，分别对应为两列
liang408015204·2013-01-10 22:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他