Структура для ссылки на элементы HTML из Javascript в MVC3

Question

У нас есть проект ASP.NET MVC3.Мы заполняем несколько частей нашего сайта с помощью вызовов ajax.Допустим, у нас есть div в нашем cshtml, куда мы хотим поместить некоторые результаты поиска.

<div id="SearchResult" />

Мы создали список с константами для всех элементов, на которые мы хотим ссылаться в наших файлах Javascript.

var selectors = {
    SearchResult: '#SearchResult',
    ...
};

Когда мы хотим получить доступ к div, мы используем selectors.SearchResult в наших Javascripts.

Пока все хорошо.Но, исходя из мира ac #, где у нас есть сильные привязки, предупреждения о времени компиляции и т. Д., Мы думаем, что здесь связь немного слабовата.Если мы хотим реорганизовать наши div идентификаторы, мы должны быть очень осторожны, чтобы найти все ссылки и обновить их.

Существуют ли полезные методы для синхронизации идентификаторов JavaScript и HTML?Какие-нибудь шаблоны / сценарии для извлечения всех div идентификаторов в файл JavaScript?

Answer 1

Добавить скрипт в представление

<script type="text/javascript">
    window.viewConfig = { searchResult: '#SearchResult' };
</script>

и ваши файлы JS прочитают это window.viewConfig.searchResult.

---

Вы также можете пойти дальше и сохранить идентификатор в переменной и использовать его.

@{
    var myId = "SearchResult";
}

, затем используйте @myId, так что div будет

<div id="@myId"></div>

и сценарий будет

<script type="text/javascript">
    window.viewConfig = { searchResult: '#@myid' };
</script>