Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Хелпер @Ajax и jQuery - datapicker / 16 сообщений из 16, страница 1 из 1
07.05.2013, 15:42
    #38250483
evgen12345
evgen12345
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хелпер @Ajax и jQuery - datapicker
Всем доброго солнечного дня.
Решил разобраться с хелпером @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:50
    #38250498
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хелпер @Ajax и jQuery - datapicker
evgen12345Исходники проекта лежат - http://sdrv.ms/10fTy4y по ссылке пустая папка
можете сюда архив выложить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.05.2013, 15:55
    #38250506
evgen12345
evgen12345
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Хелпер @Ajax и jQuery - datapicker
Паганель,

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

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

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

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

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

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

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

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

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

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

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

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

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


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