HelpBallon.js в ASP.NET UpdatePanel

Question

Кто-нибудь знает, как заставить HelpBallon.js (http://www.beauscott.com/2008/03/02/helpballoonjs-version-20/) работать в панели обновления ASP.NET? После обратной передачи все изображения теряются.

Answer 1

Вот мое рабочее решение:

Определите контейнер для размещения изображения:

<span id="myContainer"></span>

, а затем добавьте следующий код:

 <script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_pageLoaded(Page_Loaded);

    function Page_Loaded(sender, args) {
      var hb1 = new HelpBalloon({ returnElement: true, title: 'title', content: 'text.' });
      $get('myContainer').appendChild(hb1.icon);
    }

    }
  </script>

Answer 2

Я не знаю этот плагин, но общая идея заключается в том, что вам нужно обновить javascript после загрузки Panel.

Я проверяю код плагина HeloBallon и вижу, что это захват onload, и запускаю функцию registerClassLinks.

Для повторного запуска при обновлении панели вы можете использовать этот код javascript на своей странице.

var prm = Sys.WebForms.PageRequestManager.getInstance();    
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);

function InitializeRequest(sender, args) {      
}

function EndRequest(sender, args) {
    HelpBalloon.registerClassLinks();
}

Теперь вам нужно проверить, работает ли это, иливам нужно внести небольшие изменения, но это идея.