jjzjj

javascript - 在angularjs中将ng-grid数据导出为CSV和PDF格式

请帮帮我....有没有插件..?我搜索过在angularjs中导出excel和PDF。使用ng-grid。在angularjs中将ng-grid数据导出为CSV和PDF格式 最佳答案 对于csv导出,您可以找到ngGridCsvExportPluginhere只需引用脚本并将ngGridCsvExportPlugin添加到gridOptions(并通过将showFooter:true添加到gridOption来激活页脚)$scope.gridOptions={data:'myData',plugins:[newngGridCsvEx

javascript - 给定项目索引,如何获得网格行/列位置

如果我有一个宽度为1000像素的容器,其中填充了所有宽度为200像素的项目。如何计算该图block的行/列位置?更详细的解释:我唯一知道的变量是容器的宽度(上面示例中的1200px)、项目的宽度(上面的200px)和项目索引(从1开始)。仅给定上述信息,如何通过使用javascript输入单元格的索引来计算单元格的行和列。例如给定每行最大项目值6(可以根据项目宽度和容器宽度轻松计算),我需要能够计算出项目编号7是在第2行第1列。容器和项目宽度可能并不总是可以完全整除,因此方程式必须考虑每行末尾所需的任何额外空白,并自然地将项目包装到下一行,就像它们在htmlfloat布局中一样。提前致

javascript - AngularJS + NG-Grid 将 row.column.field 传递给 ng-click 事件

如何将{{row.getProperty(col.field)}}传递给ng-click?发生的情况是id没有传回,但网格使用id正确呈现。代码:varapp=angular.module('testing',['ngGrid']);app.config(['$locationProvider',function($locationProvider){$locationProvider.html5Mode(true);}]);app.controller('TestCtrl',function($scope){$scope.details=[];//whateverdummydata$

javascript - masonry - 列宽百分比 + 排水沟

如果每个项目的宽度为25%并且gutter参数为10,为什么我不能按行显示4个项目?请帮助我!$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:10});http://codepen.io/davelins/pen/bdoRGa 最佳答案 改变.grid-item{width:calc(25%);}到.grid-item{width:calc(25%-10px);} 关于javas

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 - 鼠标点击和触摸的不同行为 - 触摸屏功能错误,但使用鼠标

Stackoverflow对当前版本的帮助太大了,但目前我完全迷失了方向,因为我不知道如何解决一个问题。我将非常感谢您的任何建议。我有带参数的产品容器。它们出现在鼠标上:悬停(用css完成)。问题是如果有人点击手机,它会触发两个事件:点击和鼠标悬停。但我需要移动设备的不同行为。所以我使用了stackoverflow的解决方案,在那里我可以检查浏览器是否知道touchstart事件。在有人使用可触摸屏幕但使用鼠标之前,它工作正常。因此,该用户将单击容器,参数将显示出来,而不会重定向到产品详细信息。但是鼠标行为是错误的。我需要的是,如果有人点击图片,它会首先显示参数,第二次点击时它会重定向

javascript - 一种计算响应式网格中列的方法

虽然我还没有找到答案,但问题很简单:有没有办法,除了蛮力,计算响应式网格中的列数?#grid-container{width:100%;height:85%;position:relative;padding:var(--gap);/*adjustedwithJStomakevar(--gap)responsive*/display:grid;grid-gap:var(--gap);/*adjustedwithJStomakevar(--gap)responsive*/grid-template-columns:repeat(auto-fill,minmax(300px,1fr));b

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 - Angularjs ng-grid动态突出显示行

我有以下ng-grid。$scope.IssueGrid={data:'IssueGridList',multiSelect:false,selectedItems:$scope.selectedRow,enableColumnResize:true,enableRowSelection:true,headerRowHeight:65,columnDefs:[{field:'Item',width:'25%',displayName:'ItemName'},{field:'RequiredQuantity',displayName:'RequestedQty',cellTemplate

javascript - 尽管在 ag-grid 中使用了 sizeColumnsToFit,但不必要的水平滚动条出现了

我已将我的ag-grid版本从7.2.0升级到v14.2.0。当我将sizeColumnsToFit()api与onGridReady或onGridSizeChanged事件一起使用时,它可以工作,但它保留了不必要的水平滚动,可能是由于计算错误网格宽度。这个问题(?)也可以在ag-grid的官方示例中看到,https://www.ag-grid.com/javascript-grid-responsiveness/#example-example1对于以前的版本,这在没有任何水平滚动的情况下完全可以正常工作。当我手动调用$scope.gridOptions.api.sizeColumn