31 жовтня 2010 р.

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 коментарі:

  1. Між іншим двіжок дуже прикольний, реально синтаксис легший від того що використовувався в формсах але те що немає інтелісенс для мвс3 розчарувало ((

    ВідповістиВидалити
  2. да, Разор должен быть очень крут. То что не работает IntelliSence в принце ожидаемо, это таки превью, а не RC. Все будет, надо только подождать)

    по поводу хелпера/твиттера - неужели стиль нельзя настроить в CSS. Не верится, что единственная настройка, через код.. Надо глянуть на полученный div в FireBug, думаю много станет понятней!)

    ВідповістиВидалити