ExtJs-выполнить запрос при evt: listener: resize

@webdev · Регистрация: 16.10.2009

Студворк — интернет-сервис помощи студентам

Таков вопрос.

Есть у меня связка jQuery + ExtJS, картинка из сервера грузится в окно ExtJS. Потом с этой картинкой работает jQuery.
Не спрашивайте почему и зачем - так нужно.

Нужно сделать следующее, я почти сделал, но мои знания ExtJs нулевые, помогите строчкой кода.

Значитс нужно отсылать на сервер повторный запрос если окно изменило свои размеры. Евент нашел и подписал на него вывод в Консоль, все срабатывает, а как мне на этот евент подписать запрос на сервер???

Вот здесь я посылаю первый запрос при загрузке, его мне нужно отсылать повторно по евенту.

HTML5
1
2
3
            $("#target").one('load', loadCallback).attr('src', adresse).each(function () {
                if (this.complete) $(this).trigger('load');
            });

Вот мой html.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    
    <head>
        <title>JFreeChart_Bsp</title>
        <link rel="stylesheet" type="text/css" href="./extjs/resources/css/ext-all.css">
        <link rel="stylesheet" type="text/css" href="./jQuery/imgareaselect-0.9.8/css/imgareaselect-default.css"/>
        
        <script type="text/javascript" src="./jQuery/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="./jQuery/imgareaselect-0.9.8/scripts/jquery.min.js"></script>
        <script type="text/javascript" src="./jQuery/imgareaselect-0.9.8/scripts/jquery.imgareaselect.js"></script>
        
        <script type="text/javascript" src="./extjs/ext-all-debug.js"></script>
 
    </head>
    
    <body>
 
        <script type="text/javascript">
        Ext.onReady(function() {
            var win = new Ext.Window({
                width : 1465,
                height: 785,
                id : 'autoload-win',
                autoScroll : true,
                html: '<div id="generateImage"><img id="target" alt="generateImg" height="{height}" width="{width}" /></div>',
                listeners:{
                    resize: function (panel, w,h){
                        console.log("wi: "+ w +" Hi: "+h);
                    }
                }
            });
                  
            win.show();
            
            $("#target").one('load', loadCallback).attr('src', adresse).each(function () {
                if (this.complete) $(this).trigger('load');
            });
 
            $('#target').imgAreaSelect({
                handles: true,
                movable: false,
                resizable: false,
                autoHide: true,
                onSelectEnd: function (img, selection) {
                        $("#target").one('load', loadCallback).attr("src", adresse + "&x1=" + selection.x1 + "&y1=" + selection.y1 + "&width=" + selection.width + "&height=" + selection.height).each(
                        function () {
                            if ($("#target").complete) 
                                    $("#target").trigger('load');
                        });
                }
            });
        });
        </script>
        
        <script type="text/javascript">
            var random = Math.floor((Math.random() * 10000) + 1);
            var cookie = "cookieName=" + random;
            var adresse = "/JFreeeChartServlet/generateImg?" + cookie;
            var cookieString = new String();
 
            function loadCallback() {
                cookieString = get_all_cookie(random)
                
//              console.log("Cookie@"+random+"  DocCookie = " + cookieString);
//              console.log("Cookie@"+random+" : "+substr_search("plotWidth"));
//              console.log("Cookie@"+random+" : "+substr_search("plotHeight"));
//              console.log("Cookie@"+random+" : "+substr_search("plotX"));
//              console.log("Cookie@"+random+" : "+substr_search("plotY"));
                
                
                setVars(substr_search("plotWidth"), substr_search("plotHeight"), substr_search("plotX"),substr_search("plotY"));
            }
 
            function get_all_cookie(cookie_name) {
                var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');
 
                if (results) return (unescape(results[2]));
                else return null;
            }
            
            function substr_search(str){
                var strStartPos = cookieString.search(str);
                var startPos = cookieString.indexOf("=", strStartPos);
                var endPos = cookieString.indexOf(":", strStartPos);
 
                return cookieString.substring(startPos+1, endPos);
            }
 
        </script>
    </body>
</html>

СПААСИБО!!

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .