dart - 删除不允许的类型扩展名<INPUT is =“db-edit”>

标签 dart webstorm

我以前使用过DARTEDITOR和旧版本的DART SDK (1.10)
我已经更新了SDK,并开始使用WebStorm
我得到一个错误:
删除不允许的类型扩展名<INPUT is = "db-edit">

class DBEditText extends InputElement  {   String _FieldName = "";

  DBEditText.created() : super.created() {
    //type = "text";
    this.classes.add("editElement");   }

  String DBGetValue() {
    return this.value;   }

  void DBSetValue(String val) {
    this.value = val;   } ....

document.registerElement('db-edit', DBEditText, extendsTag: 'input');

....

HTML
input type='text' id='enum' is='db-edit' size=15

可能是什么问题呢?

最佳答案

我无法重现错误

import 'dart:html';

void main() {
  document.registerElement('db-edit', DBEditText, extendsTag: 'input');
  document.querySelector('button').onClick.listen((e) {
    var inp = document.querySelector('input');
    print(inp.runtimeType);
  });
}

class DBEditText extends InputElement {
  String _FieldName = "";

  DBEditText.created() : super.created() {
    //type = "text";
    this.classes.add("editElement");
  }

  String DBGetValue() {
    return this.value;
  }

  void DBSetValue(String val) {
    this.value = val;
  }
}
<!DOCTYPE html>

<html>
  <body>
    <div>input:
      <input type='text' id='enum' is='db-edit' size=15>
    </div>
    <button>click</button>

    <script type="application/dart" src="index.dart"></script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>

点击按钮打印

DBEditText



更新

对于要动态添加的元素,您可能需要一个NodeValidator
  NodeValidator validator = new NodeValidatorBuilder()
    ..allowCustomElement('INPUT', attributes: ['is']);
  document.querySelector('body')
      .appendHtml("<input type='text' id='enum' is='db-edit' size=15>", validator: validator);

关于dart - 删除不允许的类型扩展名<INPUT is =“db-edit”>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35112662/

相关文章:

list - 未对从API解码的数据设置迭代器

dart - Future 结合 Flutter 中的 FutureBuilder 返回 null

flutter - 如何处理 Listview.builder 中的多个复选框?

javascript - 如何使用 WebStorm 启动 JavaScript 项目?

dart - 将长文本包装在父小部件中

intellij-idea - WebStorm 在文件保存时自动上传

angular - WebStorm 2016.3 错误 : Experimental support for decorators is a feature that is subject to change in a future release

javascript - 天蓝色函数 : How to debug in WebStorm?

javascript - 使用 AngularJS 发送 GET 请求时无法从 WebStorm IDE 执行 'open' 无效 URL

dart - Iterable.isEmpty或isNotEmpty