jjzjj

grid-item

全部标签

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - Paperjs 0.9.25 - item.setRampPoint 不是函数

我已经使用paperjs一年了,没有任何问题。在Chrome更新(版本55.0.2883.87m)之后,一些我已经2个月没有接触过的生产代码开始失败并出现error:item.setRampPointisnotafunction:paper-full.js:13213未捕获类型错误:item.setRampPoint不是函数atoffset(paper-full.js:13213)atObject.(paper-full.js:13263)atObject.forIn(paper-full.js:46)atFunction.each(paper-full.js:133)atapplyA

javascript - 显示加载或任何覆盖时禁用 ag-grid

使用api调用显示加载叠加层(或任何其他叠加层)时gridOptions.api.showLoadingOverlay()在ag-grid中,叠加层下方的行和所有网格功能(按钮、上下文菜单等)仍然可选择/可用。有什么办法可以防止这种情况发生吗?是否有计划在未来的版本中更改此行为? 最佳答案 添加这条CSS规则:.ag-bl-overlay{pointer-events:auto;}出于某种原因,此选择器的默认CSS是:.ag-bl-overlay{height:100%;left:0;pointer-events:none;posi

javascript - 如何在 ng-grid 中使用 bindonce 指令?

我的应用程序存在严重的性能问题。我正在使用Angular和ng-grid。在阅读了为什么我的应用程序运行缓慢之后,我被指示使用bindonce克服潜在的Angular性能问题的指令。所以我在我的解决方案中添加了bindonce.js并在我的模块中注入(inject)了指令HomeIndexModule=angular.module("HomeIndexModule",['ngGrid','pasvaz.bindonce']);我在标记中使用如下我不确定这是否真的解除了网格的绑定(bind)。问题1:有没有经历过该过程的人可以指导我如何执行此操作,因为我只能在bindonce网站上找到n

javascript - react .js : How do you change the position of a Component item

如何在React中更改组件项的位置?除非我误解了,否则React按key排序列表项,在DOM中用data-reactid表示,但我不知道如何修改页面组件的key即您如何获取组件,更改它的key,然后触发渲染,以便重新排序的列表按照您设置的顺序呈现?例如在下面的代码示例中,当单击Clickme链接时,第一个列表项将与最后一个列表项交换。理想情况下,此功能允许您动态重新排序/重新定位页面上的任何组件,而无需更改render方法中组件的顺序。这是完整项目所在的存储库的链接:https://github.com/bengrunfeld/gae-react-flux-todosvarTodoBo

javascript - 如何禁用 saveRow 事件 ui-grid

我正在使用ui-grid在UI中显示我的表格。我有一个要求,我不想让表自动保存数据。我希望用户编辑表格中的所有数据并单击一个按钮来更新所有编辑的数据。上述行为工作正常,但我遇到的唯一问题是每当用户连续编辑一个单元格时,几秒钟后,该单元格变为灰色且不可编辑。在浏览器cnsole上我收到此错误:引发saveRow事件时未返回promise,可能是没有人在监听事件,或者事件处理程序未返回promise由于上述JS错误,整行变得不可编辑。如何告诉ui-grid不要保存数据,除非我点击我的按钮。如果我处理saveRow事件,那么我的按钮不起作用。请在这方面帮助我。相关代码片段如下:vargrid

javascript - 更改现有 Kendo Grid 上的选项的正确语法是什么?

我有一个剑道网格:$('#myGrid').kendoGrid({...scrollable:false,...});然后我想更改它的可滚动属性。我已经尝试了以下所有方法:$('#myGrid').data("kendoGrid").options.scrollable=true;$('#myGrid').data("kendoGrid").refresh();-$('#myGrid').data("kendoGrid").scrollable=true;$('#myGrid').data("kendoGrid").refresh();-varMyGrid=$('#myGrid').d

javascript - ui-grid 的高度问题

我想在angularJSui-grid上使用height:auto。我遇到了内联样式的问题,该样式在我添加ui-grid属性的div上设置了特定高度。还有一个名为getViewPortStyle()的函数,它动态地向.ui-grid-viewport类添加高度和宽度。关于应用于具有ui-grid属性的元素的内联样式,我尝试用height:auto!important;覆盖元素上的类.这与getViewPortStyle()异常(exception)情况完美,当窗口宽度或高度通过用户使用鼠标移动来操纵浏览器而增加或减少时触发。我的想法是覆盖ui-grid,这样getViewPortSty

javascript - 如何将 ui-grid 导出到 excel 文件?

我在我的项目中使用ui-grid和angularjs。在我的项目中,ui-grid将内容导出到excel文件并且运行良好。这是ui-grid声明:这里是javascript中的ui-grid定义:$scope.gridOptions={columnDefs:[{field:'name'},{field:'company',cellFilter:'mapCompany:this.grid.appScope.companyCatalog'}],enableGridMenu:true,enableSelectAll:true,exporterCsvFilename:'myFile.csv',