TOGOUTECH

angular-ui-grid

全部标签

javascript - 减少 ui-grid 创建的 $watches 数量

)首先,我只想对这个伟大的项目表示感谢。我们将ui-grid作为table-grid的一部分进行了集成,由于某些未知原因,ui-grid生成的watch数量对于我们尝试处理的数据量来说是巨大的。例如:网格-9列表格,包含20行基于简单文本的单元格,没有任何自定义单元格模板检查$watches我们得到了960blockwatch。为了调试这个问题,我们打印了每个监视他的元素,大多数时候我们得到了这种元素:[div#1445359168448-19-uiGrid-001Z-cell.ui-grid-cell.ng-scope.ui-grid-coluiGrid-001Z,context:d

javascript - 添加行后如何强制自动刷新ui-grid

我花了很长时间来解决这个问题,需要一些帮助。我在AngularUi-Grid的帮助下在我的页面上呈现网格,但在我添加新行后无法强制它刷新数据。在我的主Controller中,我有函数“创建事件”,它调用服务和模态模板来上传数据:$scope.createEvent=function(eventTypeId){varnewEvent=null;vareventFields=null;varopts={backdrop:'static',backdropClick:true,dialogFade:false,keyboard:true,templateUrl:'views/event.ht

javascript - 无法在 Angular UI Grid 的可扩展行中保存行

我正在尝试使用rowsaving与expandablegrid相结合的功能.目标是能够独立于父行保存子网格行。$scope.gridOptions={expandableRowTemplate:'components/grid/orderLineTemplate.html',expandableRowHeight:150,expandableRowScope:{subGridVariable:'subGridScopeVariable'},columnDefs:[{field:'_id'},{field:'number'}]};$http.get(ORDER_API).success(

javascript - AngularJS ui-grid 中的网格更改时如何得到通知?

如果ui-grid中有一种方法我可以知道网格已完成更新行?(比如正在应用过滤器等)?我想在GridView更改后运行一些功能。我尝试了以下方法:$scope.filteredRows=$scope.gridApi.core.getVisibleRows($scope.gridApi.grid);$scope.$watch('filteredRows',function(){console.log('viewupdated');});上面的方法在网格刚刚启动完成时有效,之后就不再有效了。我还尝试使用filterChangedapi:$scope.gridApi.core.on.filte

javascript - 如何从分页的 ui-grid 中获取过滤后的数据

我想在启用分页功能时从ui-grid中获取过滤后的数据。一般情况下我使用$scope.gridApi.core.on.filterChanged($scope,function(){if($scope.gridApi.grid.columns[1].filter.term!=""&&$scope.gridApi.grid.columns[1].filter.term!=undefined){vardd=$scope.gridApi.core.getVisibleRows($scope.gridApi.grid);console.log(dd);});但是当启用分页时代码不能很好地工作,

javascript - angularjs 中 $cookiestore 和 $cookies 的区别

angularjs中$cookiestore和$cookies有什么区别。我看到了angularjs文档。$cookiestore和$cookies做同样的事情,但唯一的区别是$cookiestore-canobjectsputorretrievedfromthisstorageareautomaticallyserializedordeserializedbyangular'stoJson/fromJson.but$cookies-can'tdothis只有一个区别吗?或者别的什么? 最佳答案 我认为文档中对每个的描述都非常清楚:

javascript - Angular ui-grid 渲染的回调函数

我想知道在渲染Angularjs网格后触发的回调函数是什么,这意味着它的所有单元格都被渲染为类似$.ready()的函数 最佳答案 有两个函数可以使用,如果你想在ui-gridready上执行然后使用renderingCompleteonRegisterApi:function(gridApi){gridApi.core.on.renderingComplete($scope,function(){//codetoexecute});}如果您需要数据更改时的回调,请使用rowsRenderedonRegisterApi:functi

javascript - 如何让 angular ui grid footerTemplate 工作?

AngularUI-Grid有一个名为footerTemplate的属性,它应该提供创建自定义页脚模板的可能性。我尝试在字符串中输入html内容(带有一些文本的div),我还尝试在字符串中添加.html文件名,甚至是呈现的div的ID,但它们似乎都不起作用。我也不清楚是否需要为此启用showGridFooter,所以我尝试了两种方法,但footerTemplate要么根本不显示,要么如果我将showGridFooter设置为true,它会显示默认页脚(总行数在网格中)。我在这里缺少什么? 最佳答案 对于angular-ui-grid

javascript - 如何在 angular js ui Grid 中删除 pdf 导出中的某些列

我正在使用AngularJSui网格http://ui-grid.info/docs/#/tutorial/312_exporting_data_complex我的要求是我想展示例如5列,但是当我导出PDF时,我不想导出某些列,例如username。我该怎么做? 最佳答案 有一个gridOption可以做到这一点:exporterSuppressColumns我编辑了UIGrid文档中的plunker,以演示在导出的PDF中隐藏“性别”列:http://plnkr.co/edit/89ZVlPZcQbHYzgX5l4yq?p=pre

javascript - 在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

我正在使用ng-grid的新3.0版本ui-grid在我的应用程序中制作网格。我想要做的是将我表格中的一个可编辑单元格设为ng-options下拉列表中填充了使用Angular工厂检索的数据。我正在尝试使用editableCellTemplate来做到这一点ui-grid的特性。下面是一些示例代码:HTML:Controller:$scope.gridOptions={enableSorting:true,enableFiltering:true,enableCellEditOnFocus:true,columnDefs:[{field:'name',sort:{direction:'