Bootjack Modal 生成异常:Class 'TransitionEvent' 没有实例 getter 'relatedTarget'
Bootjack Modal generates exception: Class 'TransitionEvent' has no instance getter 'relatedTarget'
我使用 Rikulo/Bootjack 在模态 window 中输入参数,但 dquery 在 DartEditor-1.10.1(Win7 和 Linux)中生成多个异常 "Class 'TransitionEvent' has no instance getter 'relatedTarget'"首选项:运行 和调试:异常中断:全部。问题是什么?这是示例代码:
index.html:
<html>
<head>
<meta charset="utf-8">
<title>bootjack_test</title>
<link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css">
<script async src="main.dart" type="application/dart"></script>
</head>
<body>
<a href="#modalNewItem" role="button" class="btn btn-primary" data-toggle="modal">New item</a>
<div id="modalNewItem" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>New item creation:</h4>
</div>
<div class="modal-body">
Item name: <input type="text" id="inputItemName">
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal">Cancel</button>
<button class="btn btn-primary" id="btnCreateItem">Create</button>
</div>
</div>
</div>
</div>
</body>
</html>
main.dart:
import 'dart:html';
import 'package:dquery/dquery.dart';
import 'package:bootjack/bootjack.dart';
void main() {
Modal.use();
Transition.use();
Modal modal = Modal.wire(querySelector('#modalNewItem'));
$('#btnCreateItem').on('click', (QueryEvent e) {
var itemName = (querySelector('#inputItemName') as TextInputElement).value.trim();
if (itemName.length == 0) {
print('ERROR: empty item name');
} else {
print('OK: item name = $itemName');
modal.hide();
}
});
}
问题在 rikulo/bootjack 的 bootjack example/modal 中重现
GitHub,我打开对应的问题请求:https://github.com/rikulo/bootjack/issues/25
修复了dquery,请运行pub upgrade
将dquery升级到0.7.1+1。
我使用 Rikulo/Bootjack 在模态 window 中输入参数,但 dquery 在 DartEditor-1.10.1(Win7 和 Linux)中生成多个异常 "Class 'TransitionEvent' has no instance getter 'relatedTarget'"首选项:运行 和调试:异常中断:全部。问题是什么?这是示例代码:
index.html:
<html>
<head>
<meta charset="utf-8">
<title>bootjack_test</title>
<link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css">
<script async src="main.dart" type="application/dart"></script>
</head>
<body>
<a href="#modalNewItem" role="button" class="btn btn-primary" data-toggle="modal">New item</a>
<div id="modalNewItem" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>New item creation:</h4>
</div>
<div class="modal-body">
Item name: <input type="text" id="inputItemName">
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal">Cancel</button>
<button class="btn btn-primary" id="btnCreateItem">Create</button>
</div>
</div>
</div>
</div>
</body>
</html>
main.dart:
import 'dart:html';
import 'package:dquery/dquery.dart';
import 'package:bootjack/bootjack.dart';
void main() {
Modal.use();
Transition.use();
Modal modal = Modal.wire(querySelector('#modalNewItem'));
$('#btnCreateItem').on('click', (QueryEvent e) {
var itemName = (querySelector('#inputItemName') as TextInputElement).value.trim();
if (itemName.length == 0) {
print('ERROR: empty item name');
} else {
print('OK: item name = $itemName');
modal.hide();
}
});
}
问题在 rikulo/bootjack 的 bootjack example/modal 中重现 GitHub,我打开对应的问题请求:https://github.com/rikulo/bootjack/issues/25
修复了dquery,请运行pub upgrade
将dquery升级到0.7.1+1。