前台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》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
ASP.NET 2.0技术内幕
埃斯帕斯托 / 施平安 / 清华大学出版社 / 2006-8 / 68.00元
《ASP.NET2.0技术内幕》围绕着ASP.NET 2.0是Web开发的重要分水岭这一主题,采用自顶向下的方式介绍ASP.NET 2.0的最新编程实践,从更广泛的特征到具体的实现和编程细节,充分展示了ASP.NET的最新编程实践。全书共15章,主题涉及HTTP运行库、安全性、缓存、状态管理、控件、数据绑定和数据访问。 《ASP.NET2.0技术内幕》主题丰富,讲解透彻,包含大量实例,是......一起来看看 《ASP.NET 2.0技术内幕》 这本书的介绍吧!