栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

我想用不同的输入columnDefs为ui-grid编写一个自定义指令

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

我想用不同的输入columnDefs为ui-grid编写一个自定义指令

您的问题很难理解,希望我理解正确。您想为网格定义默认设置,但需要时允许用户输入一些特殊设置吗?

在您自己的指令中扭曲ui-grid。将所需的参数传递给该指令,并在指令中创建默认设置。

您的.cshtml。您将设置变量传递给它。

<my-grid options="usersList" />

您的指令。在此处获取设置(请参阅选项:“ =”),并将其绑定到控制器或示波器。

angular.module('app').directive('myGrid', myGrid);function myGrid() {  return {    templateUrl : 'grid.html',    controller : 'GridCtrl',    controllerAs : 'grid',    restrict: 'E',    scope: {      options : '=',    },    bindToController: true,  };}

您的控制器。现在,您可以在该控制器中访问您的设置。在那里,您可以将默认设置与插入的设置结合起来,并将其传递到指令模板。

angular.module('app').controller('GridCtrl', GridCtrl);function GridCtrl() {  var grid = this;  console.log(grid.options); // containts your settings  grid.gridOptions = {    paginationPageSize: grid.options.paginationPageSize,    ...,    columnDefs: grid.options.columnDefs    etc  }}

然后将您的grid.html将组合的设置传递到grid-API中。

<div id="grid1" ui-grid="grid.gridOptions" ></div>

还有更多细节需要提防,但这就是可能的设置。

e:我为另一个类似的问题做了一个Plunkr。备查。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/649656.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号