前台Ng-Alain
栏目: JavaScript · 发布时间: 5年前
内容简介:对与Ng-Alain这个前段框架,用了也有一短时间了,对于框架而言确实时很强大,很好,但对于我们而言文档少,就寸步难行,边研究编写,时不时的就在点击多选框时,选择是正确的,但是点击表格的其他地方值就变成了
对与Ng-Alain这个前段框架,用了也有一短时间了,对于框架而言确实时很强大,很好,但对于我们而言文档少,就寸步难行,边研究编写,时不时的就在 坑
里爬半天,还不一定爬出来。
问题描述
点击多选框时,选择是正确的,但是点击表格的其他地方值就变成了 null
,感到很奇怪,发现官方的就正常,不会出现我这种情况。
想法
github
解决
发现官方上的 (change)
事件是这样写的:
stChange(e: STChange) { switch (e.type) { case 'checkbox': this.selectedRows = e.checkbox; this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0); this.cdr.detectChanges(); break; case 'filter': this.getData(); break; } }
思考:为什么要这样写,这样写的原因是什么?
在控制台打印了一下 e
,发现原来鼠标点击 checkbox
和点击表格还有在表格中双击所触发的事件不同:
修改后:
public selectHost(e: STChange) { switch (e.type) { // 如果是多选框事件,选中主机 case 'checkbox': this.selectedHosts = e.checkbox; } }
完美,没有问题!!!
总结
在需要这个样式的时候就 Ctrl+C
、 Ctrl+V
过来了也没有多看,没用的代码就直接删掉了,但是在发现问题是往往可能是你感觉 没用
的哪些代码,所有在使用样式的时候大概看一下,这次没用到下次就可能用到,要多看,多总结,到在用的时候就会顺手许多。
以上所述就是小编给大家介绍的《前台Ng-Alain》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Beautiful Code
Greg Wilson、Andy Oram / O'Reilly Media / 2007-7-6 / GBP 35.99
In this unique work, leading computer scientists discuss how they found unusual, carefully designed solutions to difficult problems. This book lets the reader look over the shoulder of major coding an......一起来看看 《Beautiful Code》 这本书的介绍吧!