Примечание. Это длинный вопрос и требует хорошего понимания шаблона проектирования MVVM, JSON и jQuery....
Итак, у меня есть теория/утверждение, что MVVM в DHTML возможно и жизнеспособный и хочу знать, согласны ли вы/не согласны со мной и почему. Внедрение MVVM в DHTML вращается вокруг, используя ajax-вызовы на серверный объект, который возвращает JSON, а затем используя html-манипуляцию через javascript для управления html.
Так сломать. Предположим, что я строю страницу поиска, которая ищет людей в базе данных.....
Вид будет выглядеть примерно так:
<body viewmodel="SearchViewModel">
Search:<br />
<input type="text" bindto="SearchString" /><br />
<input type="button" value="Search" command="Search" />
<br />
<table bindto="SearchResults">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>${FirstName}</td>
<td>${LastName}</td>
</tr>
</tbody>
</table>
</body>
Используя некоторые нестандартные атрибуты в моих элементах html, я декларативно определил Вид и как он будет взаимодействовать с моей ViewModel. Я создал синтаксический анализатор MVVM в javascript, который интерпретирует нестандартные атрибуты и связывает представление с объектом JSON, представляющим ViewModel.
ViewModel будет объектом JSON:
//View Model SearchViewModel would be assocaited with View because of <body viewmodel="SearchViewModel">
var SearchViewModel = {
//SearchString variable has a TwoWay binding
//to <input type="text" bindto="SearchString" /><
//if a user types into the text box, the SearchString property will "auto-magically" be updated
//because of the two way binding and how the element was interpreted via my MVVM parser
SearchString: '',
//SearchResults has a OneWay binding to <table bindto="SearchResults">
SearchResults: new Array(),
//Search function will get "auto-magically" get called because of
//the command binding to <input type="button" command="Search" />
Search: function() {
//using jquery to call into the server asynchronously
//when the server call is completed, the PopulateSearchResults method will be called
$.getJSON("www.example.com/SearchForPerson",
{ searchString: SearchViewModel.SearchString },
SearchViewModel.PopulateSearchResults);
}
PopulateSearchResults: function(data) {
//set the JSON array
SearchViewModel.SearchResults = data;
//simulate INotifyPropertyChanged using the MVVM parser
mvvmParser.notifyPropertyChanged("SearchResults");
}
}
Модель может быть любым ресурсом на стороне сервера, который возвращает JSON... в этом примере я использовал asp MVC как успокоительный фасад:
public JsonResult SearchForPerson(string searchString)
{
PersonDataContext personDataContext = new PersonDataContext(); //linq to sql.....
//search for person
List<Person> results =
personDataContext.Persons
.Where(p => p.FirstName.Contains(searchString)
|| p.LastName.Contains(searchString))
.ToList();
return Json(results);
}
Итак, опять вопрос:
Возможно ли MVVM/жизнеспособно в приложении DHTML RIA (без Silverlight/WPF) или я потерял сознание?
Может ли эта "MVVM-структура" быть хорошей идеей?
Доказательство концепции: kaboom.codeplex.com.