Microsoft Razor. Как настроить UI для хелперов

воскресенье, 31 октября 2010, Малеев Дмитрий

Всем привет,

Готовясь к Винницкому PDC я начал более активно копать новый View Engine Razor.

Итак View Engine Razor это основной синтаксис для создания сайтов с помощью Web Matrix, так же мы можем использовать его для создания View в ASP.Net MVC 3.0.

Хорошая новость - мы можем его использовать.

Плохая новость - подсветки и IntelliSense для него нету ( я говорю про MVC 3.0 ). 

Как я уже говорил в Razor для нас создали огромное количество хелперов, присутсвуют такие хелперы как :

  • Twitter
  • Bing
  • ReCaptcha
  • Google Analytics
  • And much more...

С помощью хелперов мы можем добавить крутые фичи для нашего веб сайта. Допустим, с помощью такого кода :

Мы, практически, ничего не делая добавили отображения твиттера на нашем веб сайте. Выглядит, приблизительно, так:

Как видите, действительно очень просто. Но, я задался вопросом: "А как же конфигурить UI?". Видать у меня слабый "google-fu" потому готового ответа я не нагуглил. Потому, я попробовал использовать хелперы с код бихайнда, и благодаря intelliSense увидел что методы принимают огромное количество опциональных параметров. Кто не знает что такое опциональные параметры - бегом читать:)

Итак, приблизительно такое мы можем увидеть:

Итак, поэксперементировав с Razor, я теперь могу рассказать как же настроить UI для хелперов с Razor кода:)

Например такой код:

Сгенерирует нам такую страницу:

да, я знаю что дизайн отвратный, но надеюсь что идея понятна:

1. Смотрим в код бихайнде ИМЯ опционального параметра.

2. В метод хелпера добавляем необходимые изменения.

Буду рад ответить на Ваши вопросы,

-Дима


Ищите нас в интернетах!

Комментарии

Свежие вакансии