1

Rikulo/Bootjack を使用してモーダル ウィンドウにパラメーターを入力しますが、DartEditor-1.10.1 (Win7 および Linux) で環境設定: 実行とデバッグ:例外でブレーク: すべて。何が問題ですか？サンプルコードは次のとおりです。

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">&times;</button>
          <h4>New item creation:</h4>
        </div>
        <div class="modal-body">
          Item name:&nbsp;<input type="text" id="inputItemName">
        </div>
        <div class="modal-footer">
          <button class="btn btn-default" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
          <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 GitHub の bootjack example/modal で再現されます。対応するイシュー リクエストを開きました: https://github.com/rikulo/bootjack/issues/25

4

1 に答える 1

2

dquery を修正しました。実行pub upgradeして dquery を 0.7.1+1 にアップグレードしてください。

于 2015-09-04T02:38:41.950 に答える