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

ui-grid ignores my custom row template

本文关键字：自定义 我的 UI-grid      更新时间：2023-09-26

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

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

让

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

我有一个带有角度 js 的 MVC.net (C#( Web 应用程序，我正在通过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 网格选项

$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"
      }

我的行模板 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>

默认的行模板 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，以防出现任何混乱的文件
  • 内联行模板
请确保您

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

例：

您的应用程序网址：本地主机：8000 您的模板应该可以使用 localhost:8000/app/codeMaps/groupCodeMapRowTemplate.html

访问
相关文章：