0

我的目标是有一个单元格/行鼠标悬停的侦听器

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

让我知道我还需要提供什么以使你们更容易帮助我。

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

 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 以防任何 chached 文件
  • 内联行模板
4

1 回答 1

0

确保您的groupCodeMapRowTemplate.html路径可访问且正确

例子:

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

于 2016-07-28T19:23:02.687 回答