Extjs, javascript, ajax, htmlupdater, или правильная перезагрузка страницы
Javascript и ссылки на страницы. Использование javascript для перехода по ссылкам внутри сайта. это всегда головная боль. Поисковые боты очень не любят такие вещи, да и проблема создания закладок на такие страницы тоже актуальна. Современные веяния в вебе, увы, заставляют использовать ajax перезагрузку страниц. Во-первых это модно, а во-вторых, в некоторых случаях, как с extjs приложениями, просто не остается других вариантов. Htmlupdater - единственное лекарство от перезагрузки пары сотен килобайт CSS и javascript файлов самого extjs.
Вот пример, реализации javasctipt обертки на extjs для обработки ссылки на страницу. В самой ссылке пишем:
<a href=\"\/url\/\" onClick=\"tabReload('\/url\/?_update=1') ;return false;\">javascript страницы<\/a>
А собственно javascript функция выглядит так:
function tabReload(url)
{
var tmp = Ext.get(”content“);
var updater = tmp.getUpdateManager();
updater.setDefaultUrl(url);
updater.loadScripts =true;
updater.refresh();
return false;
}
Как это работает? Очень просто. При нажатии на ссылку левой кнопкой, срабатывает javascript , а при нажатии средней - просто переход по ссылке. Параметр _update который передасется на серер нужно обрабатывать, и при его наличии отдавать не всю страницу целиком, а только контентную область.
Comments
2 Responses to “Extjs, javascript, ajax, htmlupdater, или правильная перезагрузка страницы”
Leave a Reply
-
---------- extjs -----------
Powered by FireStats
Не плохие заметки. Сам сейчас начинаю изучать ExtJs, подчерпнул здесь много нового. Спасибо! Дерзайте в том же духе!
Всегда рад