ASP.NET MVC: Просмотр и отладка JSON объектов при использвании Knockout
Снова Knockout
Самое тяжелое непривычное при работе с knockout, так это, на мой взгляд, отладка и просмотр данных (ViewModel), который привязывается к форме (представление) через ko.applyBinding(site.mv.myViewModel). Пришлось перебрать огромное количество способов. То одно невозможно узнать, то другое нельзя увидеть. Но вот, недавно, на новогодних выходных, получилось увидеть то что хотелось, причем в "максимальной комплектации". :)
Пример модели
Допустим, у меня есть модель на javascript, вот такой незамысловатой сложности:
1: (function (site) {
2: site.vm.Person = function () {
3: var self = this;
4: self.Id = ko.observable();
5: self.Name = ko.observable();
6: self.Description = ko.observable();
7: self.Gender = ko.observable();
8: self.IsMember = ko.observable();
9: self.Age = ko.observable();
10: self.Weight = ko.observable();
11: self.Country = ko.observable();
12: self.MemberDate = ko.observable();
13: self.DepartmentId = ko.observable();
14: self.Info = ko.computed(function () {
15: if (self.Name() & self.Age() & self.Description())
16: return self.Name() + " " + self.Age() + " " + self.Description();
17: else {
18: return"Нет данных";
19: }
20: });
21: };
22:
23: site.vm.Order = function() {
24: var self = this;
25: self.Number = ko.observable().extend({required: true, number:true});
26: self.Person = ko.observable(new site.vm.Person()).extend({required:true});
27: };
28: })(site);
Вид формы:
Код для просмотра модели
Где угодно на форме (представление) вставляем такой код (извините, пришлось вставить картинку, потому что knockout пытается применить binding):
Или можно обернуть в knockout:
1: ko.utils.debugInfo = function (items) {
2: return ko.computed(function () {
3: // новое, а в Knockout 2.1. следует использовать конструкцию
4: // JSON.stringify(ko.toJS(viewmodel), null, 2)
5: return ko.toJSON(viewmodel, null, 2);
6: });
7: };
И теперь на форме (если код выполнился правильно и без ошибок) можно увидеть разверную информацию по ViewModel:
Всё как на лодони, а благодаря "notifyPropertyChanged" в исполнении knockout, информация еще и "живая".
Удачи уважаемые. Да прибудет с вами сила.
Подробнее: http://feedproxy.google.com/~r/blogmusor/~3/Z73uc_x_R7k/103
Комментарии




Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2023-09-22 » Используем ChatGPT для сбора семантики: возможности и провалы
- 2023-09-22 » 10 SEO-приемов: база для SEO-специалистов
- 2023-09-22 » Как запустить контекстную рекламу по конкурентам в Яндекс Директ и не получить повестку в суд
- 2023-09-22 » Как составить контент-план с помощью нейросети
- 2023-09-01 » Организация продаж на Авито и ЮЛА
- 2023-08-30 » Услуги дизайнера на заказ
- 2023-08-29 » Интеграция с 1С
- 2023-08-29 » Доработка интернет-магазина
- 2023-08-10 » Как продвигать сайты-аффилиаты в поиске
- 2023-08-10 » SEO-продвижение сайтов медицинской тематики: лучшие стратегии и практики
- 2023-05-19 » Как повысить конверсию в интернет-магазине: 17 способов
- 2023-05-19 » Тренды в веб-дизайне в 2023 году
- 2023-05-19 » Как подключиться к серверу по VNC
- 2023-02-27 » Грамотная структура страницы сайта — основные элементы и советы
- 2023-02-07 » Маркетинговые исследования
- 2023-02-01 » Вывод сайта из-под фильтров
- 2023-02-01 » Проработка воронки продаж в Интернете
- 2023-01-26 » Установка и настройка Call tracking и Email tracking
- 2022-11-09 » 12 работающих формул продающих текстов
- 2022-11-09 » Дизайн сайта как SEO фактор ранжирования в 2022. Неочевидные нюансы в дизайне
- 2022-09-06 » Яндекс выложил в опенсорс фреймворк для ускорения разработки мобильных приложений
- 2022-08-18 » Как я могу перенаправить и переписать свои URL-адреса с помощью файла .htaccess?
- 2022-08-01 » Яндекс выложил в опенсорс исходный код и документацию фреймворка userver
- 2022-07-29 » Как выявить медленные SQL запросы?
- 2022-07-29 » Читали мое письмо или нет? Как проверить с помощью php — Записки программиста
- 2022-07-26 » Я потратил 30 дней на анализ лучших кнопок призыва к действию, которые смог найти в Интернете
- 2022-06-29 » ТОП-15 актуальных трендов интернет-маркетинга для России: эксперт рассказал о тенденциях рынка в 2022 году
- 2022-06-21 » Почему «99 франков» — это не лучшая ценовая стратегия, и как теперь «рисовать» привлекательные цены
- 2022-06-16 » Пушкинская карта и Культура.РФ на Вашем сайте. Подключим к действующему сайту и(или) сделаем новый!
- 2022-05-18 » Анализ рынка интернет-маркетинга в РФ от Яндекс Дзен
На голодный желудок русский человек ничего делать и думать не хочет, а на сытый - не может Раневская Фаина Георгиевна - (1896-1984) - выдающаяся советская актриса театра и кино |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.