在Ignite Grid的列标题中使用输入控件
Grax32
将Ignite UI用于Angular Data Grid，我想为列名创建一个编辑器。但是，网格控件似乎禁用了我放入标头模板中的所有输入控件。
如何在网格的标题模板中启用输入控件？
下面的代码创建一个在标题中带有输入控件的网格。不能单击输入控件或编辑值。
<ng-template igx-header #editColumnMapping let-column>
<input type="text" name="textInput" [value]="column.header" />
</ng-template>
<igx-grid #grid2 [data]="[[1], [2], [3], [4]]">
<igx-column header="Values" [headerTemplate]="editColumnMapping" field="0"></igx-column>
</igx-grid>
Zdravko Kolev
您的代码看起来正确。我已经在StackBlitz中为您创建了一个示例
<igx-grid #grid1 [data]="data">
<igx-column header="Rank" field="Id" [headerTemplate]="hTemplate"></igx-column>
<igx-column header="Athlete" field="Name" [headerTemplate]="hTemplate"></igx-column>
...
<ng-template #hTemplate let-column>
<div (click)="fieldInput.focus()">
<span >{{column.header}}</span>
<br />
<input #fieldInput [(ngModel)]="column.header" style="width: 100%">
</div>
</ng-template>
该示例正在使用最新的9.0.0-beta.6和8.2.13
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
何时使用Apache Ignite？
- 2
在 Ignite 上使用 Redis 协议
- 3
如何在Quarkus中使用Apache Ignite？
- 4
如何使用 IN 子句查询 Apache Ignite
- 5
如何在Apache Ignite .Net中使用TcpDiscoveryKubernetesIpFinder
- 6
在Apache Cassandra中使用Apache Ignite进行ACID事务
- 7
如何在 pytorch ignite 中使用 LBFGS 优化器？
- 8
使用 .Net NuGet Apache Ignite 包时如何启用 ignite-http-rest 模块？
- 9
Apache Ignite for .Net：在 Service Grid 中使用异步方法有什么限制吗？
- 10
Ignite grid name thread local 必须设置或者在org.apache.ignite.thread.IgniteThread下访问这个方法
- 11
Apache Ignite在使用驱逐策略时进行OOM
- 12
使用.net时，我无法在Apache ignite中部署服务
- 13
如何使用已定义的JVM堆运行Ignite
- 14
使用Java配置Ignite记录器和附加器
- 15
使用AsCacheQueryable从Ignite提取数据，并具有通用的查询性能
- 16
使用 apache ignite 在 hdfs 上写一个文件
- 17
使用 Ignite C++ 进行持久存储
- 18
在 Linux 平台上使用 React Native 的 Boilerplate Ignite for Android
- 19
Apache Ignite IGFS 不使用非堆空间
- 20
在jqGrid列标题中使用图标？
- 21
如何像使用TcpDiscoveryMulticastIpFinder一样使Ignite使用TcpDiscoveryVmIpFinder进行非阻塞操作？
- 22
如何使用Scala中的Apache Ignite RDD为表建立索引？
- 23
使用Apache Ignite.NET瘦客户端锁定缓存
- 24
如何使用Ignite创建自己的CacheStore以在二进制模式下存储值（setStoreKeepBinary（true））
- 25
Hive jdbc 驱动程序无法使用 ignite - java.lang.IncompatibleClassChangeError：实现类
- 26
在客户端-服务器模式下使用 Apache Ignite
- 27
Ignite 未使用示例配置启动，“找不到 bean 的类 CassandraHelper”
- 28
如何使用一些 SQL 查询工具查询 Apache Ignite 缓存？
- 29
如何使用 Apache Ignite 作为 Spring Boot 应用程序和 MongoDB 之间的层？
我来说两句