Angularjs 剑道格网细节模板应用不正确
我正在尝试渲染剑道网格细节模板。网格已正确渲染。但是,由于某些原因,我没有看到展开图标。我还看到了在网格上方呈现的细节模板的内容,但没有绑定dataItemAngularjs 剑道格网细节模板应用不正确,angularjs,kendo-grid,angular-ui-bootstrap,Angularjs,Kendo Grid,Angular Ui Bootstrap,我正在尝试渲染剑道网格细节模板。网格已正确渲染。但是,由于某些原因,我没有看到展开图标。我还看到了在网格上方呈现的细节模板的内容,但没有绑定dataItem <body ng-app="app"> <div ng-controller="MainController"> <tabset> <tab heading="A"> <grid-demo grid-options="gridOpt
<body ng-app="app">
<div ng-controller="MainController">
<tabset>
<tab heading="A">
<grid-demo grid-options="gridOptions"></grid-demo>
</tab>
<tab heading="B"></tab>
</tabset>
</div>
</body>
gridDemo.htm模板
<div kendo-grid="demoGrid" k-options="gridOptions">
<div k-detail-template>
<a href="">Status{{dataItem.status}}</a>
</div>
</div>
这是你的电话号码
非常感谢您的帮助。以下是我如何找到解决方案的: 我已将剑道UI更新为最新版本-2014.3.1411。 在这次更新之后出现了JavaScript错误:错误:[$compile:multidir]多个指令[gridDemo,kendoGrid]要求模板位于:上,所以我在grid demo指令的定义中添加了replace:false 然后我得到了JavaScript错误:错误:无效模板:。。。我发现问题出在sign-in k-detail-template指令上。我从这个标志上逃了出来\ 这修复了JavaScript错误,但k-detail-template仍然不可见,因此我从模板中删除了class=ng hide 现在一切都很好,除了出现在网格之前的k-detail-template内容。将网格演示从选项卡集中移出解决了这个问题。问题是Kendo在tabset中时不会删除模板定义 为了快速解决上一个问题,我在grid demo中添加了两个类:
请参阅中的解决方案。您所说的展开图标是什么?因为我的网格中有一个k-detail-template,对于网格中的每个项目,我应该看到一个小箭头,用它可以查看每个项目的详细信息。有关详细信息,请参见剑道示例。是否有人可以帮助我解决此问题?感谢您帮助解决此问题。看起来我没有引用剑道库的正确版本。为什么不在选项卡集中隐藏模板?您已经提供了隐藏模板的变通方法。我可以在tabset或网格中做些什么来隐藏它吗?@vaibinewbee使用bootstrap ui tabset时添加模板,但不使用剑道tabstrip。原因可能是剑道网格需要时间来渲染,而bootstrap ui tabset将其作为普通标记进行渲染,这可以在开发者工具的元素选项卡中看到
<div kendo-grid="demoGrid" k-options="gridOptions">
<div k-detail-template>
<a href="">Status{{dataItem.status}}</a>
</div>
</div>
<kendo-grid class="demo-grid" k-options="gridOptions">
<div class="detail-template" class="" k-detail-template>
<a href="\#">Status{{dataItem.status}}</a>
</div>
</kendo-grid>
.demo-grid > .detail-template {
display: none;
}