2015-08-20 2 views
0

Я пытаюсь создать html модальное окно в zk. Но функциональность скрыть скрывает также окно, как показано I изображениеИспользование html модальных окон в ZK

Фрагмент кода:

<tabpanel id="borgerdkRequestPanel2"> 
    <div> 
     <html xmlns="native" xmlns:u="zul" 
      xmlns:zk="zk"> 
      <a data-target="#myModal1" role="button" 
       class="btn" data-toggle="modal"> 
       Launch demo modal 
      </a> 
      <div id="myModal1" class="modal hide " 
       tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
       aria-hidden="true"> 
       <div class="modal-header"> 
        <button type="button" class="close" 
         data-dismiss="modal" aria-hidden="false"> 
         × 
        </button> 
        <h3 id="myModalLabel1"> 
         Modal header 
        </h3> 
       </div> 
       <div class="modal-body"> 
        <p>One fine body…</p> 
       </div> 
       <div class="modal-footer"> 
        <button class="btn" 
         data-dismiss="modal" aria-hidden="true"> 
         Close 
        </button> 
        <button class="btn btn-primary"> 
         Save changes 
        </button> 
       </div> 
      </div> 
     </html> 
    </div> 
</tabpanel> 

Вроде бы какие-то проблемы гк, поскольку код работает отлично в HTML. CSS - это бутстрап. Рамка ZK - 7.0.3.

+0

Я не могу получить свой фрагмент кода работает в гк скрипку, можно сделать фрагмент кода, работающих там? – chillworld

ответ

0

удалить hide класс из вашего мода. Если вы хотите, чтобы какая-то анимация добавляла вместо fade класс к вашему модальному.

Результат должен быть таким:

<div id="myModal1" class="modal fade" 
    tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
    aria-hidden="true"> 

Проверено на ZK 7.0.4