前台Ng-Alain

栏目: JavaScript · 发布时间: 5年前

内容简介:对与Ng-Alain这个前段框架,用了也有一短时间了,对于框架而言确实时很强大,很好,但对于我们而言文档少,就寸步难行,边研究编写,时不时的就在点击多选框时,选择是正确的,但是点击表格的其他地方值就变成了

对与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 和点击表格还有在表格中双击所触发的事件不同:

前台Ng-Alain

修改后:

public selectHost(e: STChange) {
        switch (e.type) {
            // 如果是多选框事件,选中主机
            case 'checkbox':
                this.selectedHosts = e.checkbox;
        }
    }

完美,没有问题!!!

前台Ng-Alain

总结

在需要这个样式的时候就 Ctrl+CCtrl+V 过来了也没有多看,没用的代码就直接删掉了,但是在发现问题是往往可能是你感觉 没用 的哪些代码,所有在使用样式的时候大概看一下,这次没用到下次就可能用到,要多看,多总结,到在用的时候就会顺手许多。


以上所述就是小编给大家介绍的《前台Ng-Alain》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Beautiful Code

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》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试