Привязка данных через веб-интерфейс Dart в всплывающем окне Bootstrap

Я безуспешно пытаюсь использовать двустороннюю привязку данных к переменной Dart внутри Bootstrap Popover. Мой код выглядит примерно так:

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test Popup</title>        

    <!-- Bootstrap -->
    <link href="resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="resources/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

  </head>
  <body>
      <button type="button" id="constcon-options-button" class="btn" title="Options" rel="popover" data-html="true" data-content="
        <div id='constcon-options-form' class='form-horizontal'>
           <input type='radio' name='veggies' value='kale' bind-value='veg'>
             Kale<br>
           <input type='radio' name='veggies' value='spinach' bind-value='veg'>
             Spinach<br>
           <input type='radio' name='veggies' value='carrots' bind-value='veg'>
             Carrots
        </div>">Options
      </button>

      <p>veg = {{veg}}</p>

      <script type='application/dart'>

        import 'package:web_ui/web_ui.dart';
        import 'package:js/js.dart' as js;

        @observable
        String veg = 'spinach'; // Sets an initial value. Button with 
                                // value == 'spinach' is auto-selected.
        void main() {
          js.scoped(() 
          { 
            js.context.jQuery("#constcon-options-button").popover();                      
          });
        }

      </script>    

    <!-- jQuery -->
    <script src="resources/jquery/jquery.min.js"></script>       

    <!-- Bootstrap -->
    <script src="resources/bootstrap/js/bootstrap.min.js"></script>

  </body>
</html>

Все это работает нормально в Bootstrap Modal (или где-либо еще, если на то пошло), но не обновляет переменные/переключатели в Popover. Я предполагаю, что это связано с тем, что HTML содержится в атрибуте data-content="..." и, следовательно, не обрабатывается веб-интерфейсом.

Есть ли другой способ заставить привязку данных работать во всплывающем окне Bootstrap?

Спасибо


dart twitter-bootstrap dart-webui
person mark    schedule 13.05.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используйте data-html="true" в своей кнопке.

Демонстрация всплывающего окна с HTML

person Zim    schedule 13.05.2013
comment
Нет, это не то. Извините - забыл упомянуть, что я уже установил это в коде в другом месте. - person mark; 14.05.2013
comment
ОК - я изменил свой первоначальный вопрос, чтобы он содержал полный пример кода. В нынешнем виде переменная veg не изменяется при изменении переключателей. Если радиоприемники перемещены из всплывающего окна, все работает, как и ожидалось. - person mark; 14.05.2013