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

在ui网格editableCellTemplate [ng

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

在ui网格editableCellTemplate [ng

您需要在ui-grid的3.x版本中使用 external-scopes 功能。之所以无法在选择下拉列表中获得任何选项,是因为ui-
grid现在使用隔离的作用域,这将不允许您在单元格中直接访问应用程序作用域变量。

我能够按照以下步骤操作您的plunkr-
查看最新的plunkr

脚步:

1) 在index.html中,在grid div中指定 external-scopes 属性,即修改

<div ui-grid="gridOptions" ui-grid-edit ></div>

<div ui-grid="gridOptions" ui-grid-edit  external-scopes="myExternalScope"></div>

2) 在app.js中,将范围分配给我们的external-scope属性,即添加以下行:

$scope.myExternalScope = $scope;

3) 在temp.html中,使用 getExternalScopes() 访问sexTypes数组,即从以下位置修改
editableCellTemplate

<select ng-model="row.entity.Gender" data-ng-options="d as d.type for d in genderType">

<select ng-model="row.entity.Gender" data-ng-options="d as d.type for d in getExternalScopes().genderTypes">

额外的想法:

1)我没有找到适合我需要的 ui-grid / dropdownEditor- 因此,还没有尝试过。

2)您还可以将 cellTemplateeditableCellTemplate 一起添加。您可以分配两个相同的值。

参考文献:

  1. http://ui-grid.info/docs/#/tutorial/305_externalScopes


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

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

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