ui-grid忽略我的自定义行模板

时间:2016-07-28 18:47:18

标签: javascript angularjs asp.net-mvc ui-grid

我的目标是让一个用于单元格/行鼠标悬停的监听器

为什么我的ui-grid实现会忽略我的rowTemplate并加载默认值?

让我知道我需要提供什么才能让您更轻松地帮助我。

我有一个带角度js的MVC.net(C#)网络应用程序,我正在通过BundleConfig

加载ui-grid
 bundles.Add(new ScriptBundle("~/bundles/angular").Include(
                 "~/scripts/angular/angular.js",
                 "~/scripts/angular/angular-route.js",
                 "~/scripts/angular/angular-resource.js",
                 "~/scripts/ui-grid.js"
                 ));

我的ui-grid选项

$scope.gridGroupCodeMapsOptions =
      {
         columnDefs: columns,
         data: $scope.codeMapResults.data,
         enableSorting: true,
         enableColumnMenus: false,
         flatEntityAccess: true,
         showGridFooter: true,
         gridFooterTemplate: "<div class='custom-footer'>{{grid.rows.length}} items</div>",
         rowTemplate: "app/codeMaps/groupCodeMapRowTemplate.html"
      }

我的rowTemplate html:

<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid"
 ui-grid-one-bind-id-grid="rowRenderIndex + '-' + col.uid + '-cell'"
 class="ui-grid-cell"
 ng-class="{ 'ui-grid-row-header-cell': col.isRowHeader }"
 role="{{col.isRowHeader ? 'rowheader' : 'gridcell'}}"
 ng-click="grid.scopeApp.notify()"
 ui-grid-cell>

默认的rowTemplate html:

<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid"
 ui-grid-one-bind-id-grid="rowRenderIndex + '-' + col.uid + '-cell'"
 class="ui-grid-cell"
 ng-class="{ 'ui-grid-row-header-cell': col.isRowHeader }"
 role="{{col.isRowHeader ? 'rowheader' : 'gridcell'}}"
 ui-grid-cell>

我累的东西:

  • Plunker:rowTemplate适用于单独的Plunker。
  • 在任何受控文件的情况下停止/启动我的iis
  • 内联RowTemplate

1 个答案:

答案 0 :(得分:0)

确保您的2015-01-23 12:45:34路径可以访问且正确

示例:

  

你的应用网址:localhost:8000   您的模板应该可以使用localhost访问:8000 / app / codeMaps / groupCodeMapRowTemplate.html