DART自定义输入元素_Dart - Fatal编程技术网

DART自定义输入元素

dart

DART自定义输入元素,dart,Dart,我正在尝试使用自定义输入元素来处理db。所有这些都可以在Chrome中完美地工作，但在IE中却不行我创建测试应用程序 abstract class DBEdit { DBSetValue(String val) {} } class DBEditText extends InputElement implements DBEdit { String _FieldName = ""; DBEditText.created() : super.created() { th

我正在尝试使用自定义输入元素来处理db。所有这些都可以在Chrome中完美地工作，但在IE中却不行

我创建测试应用程序

abstract class DBEdit {
  DBSetValue(String val) {}
}

class DBEditText extends InputElement implements DBEdit {
  String _FieldName = "";

  DBEditText.created() : super.created() {
    this.onClick.listen(doOnClick);
  }

  doOnClick(Event e){
    window.alert("Click");
  }

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

void main() {
  try {
    document.registerElement('db-edit', DBEditText, extendsTag: "input");
  } catch (e) {
    window.alert("Error registration: " + e.toString());
  }

  DivElement div = querySelector("#play");
  div.appendHtml("<input id='ename' type='date' is='db-edit' size=50>", treeSanitizer: NodeTreeSanitizer.trusted);

  DBEditText eText = querySelector("#ename");
  eText.DBSetValue("2017-03-17");
}

抽象类DBEdit{
DBSetValue（字符串val）{}
}
类DBEditText扩展InputElement实现DBEdit{
字符串_FieldName=“”；
DBEditText.created（）：super.created（）{
这个.onClick.听着（doOnClick）；
}
doOnClick（事件e）{
窗口提示（“单击”）；
}
@凌驾
DBSetValue（字符串值）{
this.value=val；
}
}
void main（）{
试一试{
document.registerement（'db-edit'，DBEditText，extendsTag:“input”）；
}捕获（e）{
警告（“错误注册：+e.toString（））；
}
DivElement div=查询选择器（“播放”）；
div.appendHtml（“，TreeSInitiatizer:NodeTreeSaninitizer.trusted）；
DBEditText=querySelector（“#ename”）；
eText.DBSetValue（“2017-03-17”）；
}

在HTML文件中：

<html>
<head>
    ....
    <script src="packages/web_components/webcomponents.min.js"></script>
    <script src="packages/web_components/dart_support.js"></script>
    .....
</head>

  <body>
  <div id="play"></div>

</body>
</html>


....
.....

结果所有的都在Chrome中工作，但是DBSetValue在IE中不工作，但是doOnClick在IE中工作。IE 11。有什么想法吗？

如果元素不在dart代码中创建，那么所有元素也都在IE中工作。

我们谈论的是什么IE版本？此外，您是否确保包含由package:web_components提供的polyfills？IE 11。在我的html文件a中，有以下几个问题：main.dart.js脚本标记是否位于上述两个脚本之后（webcomponents+dart_支持）？另外，您是否在IE控制台中看到任何错误？当您

打印（eText.value）时会发生什么在IE vs Chrome？main.dart.js中，在两个脚本之后。在IE中，对象不支持属性或方法“DBSetValue$1”，我们在谈论什么IE版本？此外，您是否确保包含由package:web_components提供的polyfills？IE 11。在我的html文件a中，有以下几个问题：main.dart.js脚本标记是否位于上述两个脚本之后（webcomponents+dart_支持）？另外，您是否在IE控制台中看到任何错误？当您打印（eText.value）时会发生什么在IE vs Chrome？main.dart.js中，在两个脚本之后。在IE中-对象不支持属性或方法“DBSetValue$1”