ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Хелпер @Ajax и jQuery - datapicker
16 сообщений из 16, страница 1 из 1
Хелпер @Ajax и jQuery - datapicker
    #38250483
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
Всем доброго солнечного дня.
Решил разобраться с хелпером @Ajax.BeginFrom/ActionLink, набросал простенький проект вроде все работает, решил прикрутить jQuery для работы с датой и словил станную ошибку при установке датапикера:

есть следующие скрипты:
Код: javascript
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.
        function loadProducts() {
            try {
                var elem = $('.datepicker').datepicker();
            } catch(e) {
                $('#errors').append('<li>' + e.message + '</li>');
            }
        }
        
        function loadProduct() {
            try {
                $('#product').show();
                var elem = $('.datepicker');
                elem.datepicker();
            } catch (e) {
                $('#errors').append('<li>' + e.message + '</li>');
            }
        }
        
        $(function () {
            try {
                var e = $('.datepicker').datepicker();
            } catch(e) {
                $('#errors').append(e.message + '<br/>');
            }
        });
        
        function hideProduct() {
            $('#product').hide();
        }



При запуске решения создается достаточно простое окно:
Код: html
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.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
<!DOCTYPE html>
<html lang="ru">
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta charset="utf-8" />
        <script src="/Scripts/modernizr-2.6.2.js"></script>
    </head>
    <body>
        <div id="body">
            <section class="featured">
               <div class="content-wrapper">
               Поиск продуктов по категориям
               <form action="/Home/ProductSearch" data-ajax="true" data-ajax-loading="#loadprogress" data-ajax-mode="replace" data-           ajax-success="loadProducts" data-ajax-update="#products" id="form0" method="post">                <input type="text" name="category" />
                <input id="myform" type="submit" value="Поиск" />
</form>
            <a data-ajax="true" data-ajax-mode="replace" data-ajax-update="#products" href="/Home/Create">Добавить</a>
            <div>
                <input class="datepicker" id="Date" name="Date" type="text" value="" />
            </div>

        </div>
    </section>

            <section class="content-wrapper main-content clear-fix">
                

<div id="loadprogress" style="display: none;">
    Поиск данных ...
    <img src="/Content/ajax-loader_1.gif" />
</div>

<div id="products"></div>
<div id="product"></div>

<div id="errors"></div>


            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>© 2013 — приложение ASP.NET MVC</p>
                </div>
            </div>
        </footer>

        <script src="/Scripts/jquery-1.8.2.js"></script>

        <script src="/Scripts/jquery-ui-1.10.2.js"></script>

        <link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.resizable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.selectable.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.accordion.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.autocomplete.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.button.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.dialog.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.slider.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.tabs.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.progressbar.css" rel="stylesheet"/>
<link href="/Content/themes/base/jquery.ui.theme.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>

        
    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

    <script>
        function loadProducts() {
            try {
                var elem = $('.datepicker')
                elem.datepicker();
            } catch(e) {
                $('#errors').append('<li>' + e.message + '</li>');
            }
        }
        
        function loadProduct() {
            try {
                $('#product').show();
                var elem = $('.datepicker');
                elem.datepicker();
            } catch (e) {
                $('#errors').append('<li>' + e.message + '</li>');
            }
        }
        
        $(function () {
            try {
                var e = $('.datepicker').datepicker();
            } catch(e) {
                $('#errors').append(e.message + '<br/>');
            }
        });
        
        function hideProduct() {
            $('#product').hide();
        }
    </script>

    </body>
    
</html>



тут все норм отрабатывает и создается датапикер:

При нажатии на кнопку поиск - хелпер @Ajax.BeginForm загружает форму нормально и выполяется функция loadProducts и создаются датапикеры, при переходе на редактирование датапикер не создается. Получаю ошибку - •Объект не поддерживает свойство или метод "datepicker"

Исходники проекта лежат - http://sdrv.ms/10fTy4y
...
Рейтинг: 0 / 0
07.05.2013, 15:42
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250498
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
evgen12345Исходники проекта лежат - http://sdrv.ms/10fTy4y по ссылке пустая папка
можете сюда архив выложить?
...
Рейтинг: 0 / 0
07.05.2013, 15:50
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250506
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
Паганель,

уже не пустая, просто скайдрайв долго синхронизил - сюда 25 метров влезет?
...
Рейтинг: 0 / 0
07.05.2013, 15:55
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250515
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
сюда вряд ли :)
да, уже не пустая
щас буду посмотреть чо там...
...
Рейтинг: 0 / 0
07.05.2013, 15:58
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250520
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
не, не открою, тут 12 студия надо :(
...
Рейтинг: 0 / 0
07.05.2013, 16:01
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250526
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
evgen12345Получаю ошибку - •Объект не поддерживает свойство или метод "datepicker"Откройте firebug
Сначала на закладке Net проверьте, что все скрипты загружаются
Потом на закладке Script поставьте точку останова в том месте, где ошибка возникает и проинспектируйте этот объект
...
Рейтинг: 0 / 0
07.05.2013, 16:05
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250576
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
Паганельevgen12345Получаю ошибку - •Объект не поддерживает свойство или метод "datepicker"Откройте firebug
Сначала на закладке Net проверьте, что все скрипты загружаются
Потом на закладке Script поставьте точку останова в том месте, где ошибка возникает и проинспектируйте этот объект

Это уже все сделал. Сейчас попробую вам просто итоговый хтмл ник скинуть.
...
Рейтинг: 0 / 0
07.05.2013, 16:23
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250635
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
evgen12345,

Собственно в тойже папке лежит деплой его можно развернуть на IIS и увидеть результат.
...
Рейтинг: 0 / 0
07.05.2013, 16:48
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38250662
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
не, никак
targetFramework="4.5"

выложите-ка сайт на какой-нибудь бесплатный хостинг

или ждите когда Вам поможет кто-то с более новым ПО чем у меня
...
Рейтинг: 0 / 0
07.05.2013, 17:02
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253127
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
Паганельне, никак
targetFramework="4.5"

выложите-ка сайт на какой-нибудь бесплатный хостинг

или ждите когда Вам поможет кто-то с более новым ПО чем у меня

Добрый день, раньше не было возможности ответить - захостил http://epolyak-19.hosting.parking.ru/
...
Рейтинг: 0 / 0
10.05.2013, 14:04
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253131
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
попробуйте сделать так, чтобы при нажатии на кнопку "Редактировать", выдача не содержала ссылок на скрипты:
...
Рейтинг: 0 / 0
10.05.2013, 14:15
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253133
Фотография МСУ
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
МСУ
Участник
http://codearticles.ru/articles/2254
...
Рейтинг: 0 / 0
10.05.2013, 14:18
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253137
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
evgen12345,

,. а у вас валидатор (точнее, его культура) не мешает ли загрузке дейтпикера? ...
...
Рейтинг: 0 / 0
10.05.2013, 14:30
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253138
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
Паганель,

Да, помогло! большое спасибо.
...
Рейтинг: 0 / 0
10.05.2013, 14:35
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253139
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
МСУ,

Спасибо
...
Рейтинг: 0 / 0
10.05.2013, 14:36
| Ответить | Цитировать | Написать  
Хелпер @Ajax и jQuery - datapicker
    #38253140
evgen12345
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
evgen12345
Гость
carrotikevgen12345,

,. а у вас валидатор (точнее, его культура) не мешает ли загрузке дейтпикера? ...

Так проблема была в том что первый раз (при нажатии не кнопку найти) датапикеры создавались.
Потом при переходе на редактирование нет (на тех же данных !) значит культура не мешала.
...
Рейтинг: 0 / 0
10.05.2013, 14:37
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Хелпер @Ajax и jQuery - datapicker
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]