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

Всем привет,

 

Готовясь к Винницкому 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. В метод хелпера добавляем необходимые изменения.

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

-Дима

 

3 коментарі

Залишити коментар до Alexander Beletsky Скасувати коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *