jjzjj

grid-layout

全部标签

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 - 减少 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 - 一种计算响应式网格中列的方法

虽然我还没有找到答案,但问题很简单:有没有办法,除了蛮力,计算响应式网格中的列数?#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 - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 在版本 4 中动态添加节点到 D3 Force Layout

我正在尝试实现一个简单的力布局,其中可以动态添加和删除节点(没有链接)。我成功地在D3版本3中实现了这个概念,但我无法将其转换为版本4。添加和更新节点后,模拟卡住并且传入的圆圈绘制在svg的左上角。有人知道为什么会这样吗?感谢您的帮助:)我的概念是基于这个解决方案:AddingnewnodestoForce-directedlayoutJSFiddle:workingcodeind3v3/*Defineclass*/classPlanet{constructor(selector){this.w=$(selector).innerWidth();this.h=$(selector).i

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

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 - Kendo Grid 数字 chop 到小数点后两位。如何让它尊重用户输入的内容?

在此KendoGriddemo,如果您编辑“库存数量”下的数字并添加多个小数(尝试2.203848),它会将其chop为2.20。看起来这是默认行为。我知道我们可以用{0:n4}指定小数格式,例如。但是如果小数位数未知或者可以变化怎么办?有没有办法让网格使用用户输入的确切数字? 最佳答案 要在网格中进行此操作,您需要使用自定义编辑器。将小数位数设置为足够高的数字,并确保您的字段格式有足够的位置。这个很好的答案here稍微调整一下即可解决您的问题。functionnumberEditor(container,options){$(''