Открытие определенного окна KendoUI нажатием кнопки

Question

Открытие определенного окна KendoUI нажатием кнопки

0

Я использовал компонент окна KendoUI на своей странице, и он показывает два окна: окно:

  <div id="window1">
        <div style="text-align: center;">
            <img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" />
            <p>
                THIS IS WINDOW1<br />
                Image by: <a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/">http://www.conranshop.co.uk/</a>
            </p>
        </div>
    </div>

и окно 2:

<div id="window2">
        <div style="text-align: center;">
            <img src="../../content/web/window/egg-chair.png" alt="ARNE JACOBSEN EGG CHAIR" />
            <p>
               THIS IS MY WINDOW2<br />
                Image by: <a href="http://www.conranshop.co.uk/" title="http://www.conranshop.co.uk/">http://www.conranshop.co.uk/</a>
            </p>
        </div>
    </div>

и у меня есть промежуток, как удар:

 <span id="go" class="k-group">Close the window1 and open the window2</span>

по умолчанию, когда моя страница была загружена, оба окна (я имею в виду window1 и window2) появляются, но я хочу, когда страница была загружена. window1 появляется, и когда я нажимаю на свой диапазон, он закрывает окно1 и открывает окно2, поэтому напишите эту функцию:

      $("#go").bind("click", function () {
                      $("#window2").data("kendoWindow").open();

                      $("#window1").data("kendoWindow").close();

                  });

но он не работает! в чем проблема?

EDIT: и у меня есть:

 function initWindow1() {
                var windowOptions = {
                    width: "500px",
                    title: "EGG CHAIR",
                    visible: false,
                    close: close1   
                };

                $("#window1").kendoWindow(windowOptions);
                $("#window1").data("kendoWindow").center().open();
            }

            initWindow1();

            function initWindow2() {
                var windowOptions = {
                    width: "500px",
                    title: "EGG CHAIR",
                    visible: false,

                };

                $("#window2").kendoWindow(windowOptions);
                $("#window2").data("kendoWindow").open();
            }
            initWindow2();

user3304614 09 март 2014, в 08:45

Источник

Теги:

javascript

jquery

kendo-ui

kendo-window

3 ответа

Ещё вопросы

knikolov · Answer 1 · 2014-03-09T08-22-00.000Z

Кажется, он работает в этом примере: http://jsbin.com/cohuxusu/1/edit

Shaz · Answer 2 · 2014-03-10T09-39-00.000Z

Я думаю, что его Span onclick не bindclick

$("#go").on("click", function () {

   $("#window1").data("kendoWindow").close();                                    
   $("#window2").data("kendoWindow").open();
     });

Shaz

Stargazer · Answer 3 · 2014-03-10T06-55-00.000Z

Это единственный код, который у вас есть? Если да, вы проверяли ошибки Javascript? Кажется, что вы подписываетесь на событие close на Window1, но фактически не предоставляете ему функцию обработки. Моя ставка заключается в том, что это единственный код, который у вас есть. Если нет, может быть, вы могли бы дать нам более подробную информацию?

+1 Это сломает ваш контроль. Вы заметите, что вещи не работают, когда вы подписываетесь на функцию, которую вы не определили