angular项目中MultiRow的Cell中怎么添加自定义组件

收藏

如题：
angular项目中MultiRow的Cell中怎么添加自定义组件？
如果用wj-flex-grid的话下面可以实现
<wj-flex-grid [itemsSource]="masterData" [selectionMode]="3" #masterGrid>
  <wj-flex-grid-column [header]="'名字'" [binding]="'code'" [width]="200">
<ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-row="row" let-item="item" let-cell="cell">
   <app-master [layout_flg]="layout_flg1" [headers]="headers"</app-master>
</ng-template>
  </wj-flex-grid-column>
  <wj-flex-grid-column [header]="'项目1'" [binding]="'xiangmu1'"></wj-flex-grid-column>
  <wj-flex-grid-column [header]="'項目2'" [binding]="'xiangmu2'"></wj-flex-grid-column>
</wj-flex-grid>
但是如果一条数据需要显示多行的话，就用到MultiRow了。自定义的组件例如：app-master如何加入到MultiRow中啊

JeffryLI · JeffryLI

你好，可参考安装包下的这个demo :\wijmo-5.20183.550\Samples\JS\Angular\MultiRowExplorer

angleBoBo · angleBoBo

JeffryLI 发表于 2018-12-7 18:14
你好，可参考安装包下的这个demo :\wijmo-5.20183.550\Samples\JS\Angular\MultiRowExplorer

我把最新的安装包下载下来，发现你给的路径找不到啊，
我看的这个wijmoentEval2018v3\Wijmo5EntEval_5.20183.550\Samples\Angular\MultiRowExplorer
里面没有单元格内添加【angular组件】的demo啊,我这个【angular组件】需要检索内容然后在赋值到MultiRow的单元格内,这个检索的组件已经写好了就是不知道怎么加进去.

JeffryLI · JeffryLI

您好我给你做了一个demo

angleBoBo · angleBoBo

JeffryLI 发表于 2018-12-10 17:48
您好我给你做了一个demo

非常感谢,但是你这个例子我已经看过了,只是添加了一个DOM元素,而我想加入一个angular的组件,组件和DOM元素不是一个东西啊.angular不是预编译的吗?带有angular指令的组件是不是添加不进去呢? 是不是需要编译成DOM元素才能添加进去呢?像flexgrid
有wj-flex-grid-column 这个子元素可以通过 ng-template追加自定义组件
,multirow没有对应的子元素吧?

JeffryLI · JeffryLI

这个例子我已经修改了，我在里面添加了一个OrderDate的自定义组件，您只能通过js代码来添加，不能像flexgrid一样通过template来做的。请知悉

angleBoBo · angleBoBo

JeffryLI 发表于 2018-12-11 11:21
这个例子我已经修改了，我在里面添加了一个OrderDate的自定义组件，您只能通过js代码来添加，不能像flexgri ...

谢谢，您修改后的例子还是楼上的下载链接吗？

JeffryLI · JeffryLI

恩，那个是我修改后的链接，如果你知道是哪个demo下的可以直接替换看结果。

angleBoBo · angleBoBo

JeffryLI 发表于 2018-12-12 10:46
恩，那个是我修改后的链接，如果你知道是哪个demo下的可以直接替换看结果。

上边的链接我取下来和前天取的是一样的。

JeffryLI · JeffryLI

上面那个demo是我用js代码实现的单元格自定义编辑器，，请主要看一下CustomerEditor那个实现类。就可以了。

		自动登录	找回密码
密码			立即注册

[已处理] angular项目中MultiRow的Cell中怎么添加自定义组件

15 个回复

本帖子中包含更多资源

元老葡萄