Wednesday, 19 June 2013

Using Razor to Customise the Templates Used by Html.Display, Html.DisplayFor, HtmlEditor and Html.EditorFor


I recently added a new public repository on GitHub that might be useful to ASP.Net MVC developers:

https://github.com/danmalcolm/mvc-razor-display-and-editor-templates

Essentially, this project provides Razor (C#) alternatives for all of the built-in templates used by the Html.Display / Html.DisplayFor and Html.Editor / Html.EditorFor extension methods.

Writing your own templates isn't that hard but if you wanted to introduce changes across all of the templates in the framework, you'd have quite a lot of templates to write from scratch and there's a bit of subtlety here and there in how they work.

I hope that this project provides a useful starting point for developers wanting to introduce changes to templates within their application.

Some examples of things you can do once you have the templates in place:
  • Change HTML in line with your project's CSS rules
  • Introduce visual effects, such as graphics / words for displaying boolean values etc.
  • Introduce parameterised variations using additionalViewData parameters, e.g. @Html.Editor("EnableWeapons", new { icon = "warning" })
  • Change surrounding HTML generated by Html.DisplayForModel to support your project's CSS layout framework
Sorry, I forgot to mention the date-pickers! You'll be able to add date pickers to your date editors.

In line with the built-in ASP.Net MVC editor templates, HTML5 input elements are generated for some data types.

There's a full write up in the README visible on the link above.

I've also added some additional extension methods. You can now use Html.EditorSection and
Html.DisplaySection to display individual properties of your model together with some surrounding HTML, labels and (for editors) validation messages. There's another post on the way with more about this.

5 comments:

  1. Hi Dan,

    I stumbled across your repo on GitHub while trying to come up with a comparison between the best possible way of implementing a form template across your application vs a forms library I'm building called ChameleonForms.

    Anyway, I thought I'd leave a comment to say thanks for coming up with the templates. Feel free to check out my library since it might interest you: https://github.com/MRCollective/ChameleonForms

    Regards

    Rob
    http://robdmoore.id.au/

    ReplyDelete
  2. Nếu bạn đang muốn đăng tin bán nhà hay bán đất hoặc bạn muốn mua nhà hay đất thì hãy đến với chúng tôi rao vat mien phi, với chất lương hàng đầu chúng tôi sẽ giúp các bạn , đăng tin và xem các khu vực nha dat quan go vap, ban dat quan 9, nha dat quan thu duc , nha dat quan binh tan , nha dat quan tan phu , nha dat quan tan binh và các khu vực khác trên toàn quốc với uy tín và hiệu quả cao khi bạn đến với chúng tôi.

    ReplyDelete
  3. đồng tâm
    game mu
    cho thuê nhà trọ
    cho thuê phòng trọ
    nhac san cuc manh
    số điện thoại tư vấn pháp luật miễn phí
    văn phòng luật
    tổng đài tư vấn pháp luật
    dịch vụ thành lập công ty trọn gói
    64 nước cờ trên bàn thương lượng ebook
    mbp là gì
    thuyết erg
    các nghịch lý nổi tiếng
    chi square test là gì
    nghệ thuật nói chuyện trước công chúng dale carnegie
    định lý coase
    học thuyết kỳ vọng của victor vroom
    chiến thắng con quỷ trong bạn audio
    điểm cân bằng nash

    - Hả?
    Triệu Quốc Đống hơi động tâm:
    - Ký tên?

    - Vâng, không biết là chuyện gì mà thần bí như vậy.
    Cổ Tiểu Âu không chú ý vẻ mặt sâu xa của Triệu Quốc Đống.
    Xin phép Cù Vận Bạch, Triệu Quốc Đống chạy xe Santana rời đi. Hắn đã tới phòng ăn Tây của Giả Nhật Hoa Viên vài lần với Thái Chánh Dương.

    Hắn không biết Thái Chánh Dương trước đó khi còn trong quân đội lại thích ăn cơm tây. Sau đó hắn mới biết Thái Chánh Dương từng làm ở Quân khu Bắc Kinh, là lính thông tin cho lãnh đạo. Mà trong nhà lãnh đạo có một đầu bếp rất giỏi nấu món tây. Thái Chánh Dương liền hay đến nhà lãnh đạo và thích ăn món tây từ đó.

    Khi Triệu Quốc Đống tới trung tâm Hội chợ thương mại đón mấy cô gái thì khá chấn động vì vẻ đẹp của các cô. Hắn thiếu chút nữa không giẫm được vào phanh.

    Đồng Úc cùng Kiều San mặc bộ đồ thể thao đầy trẻ trung. Bộ đồ nhân vật hoạt hình trên áo lộ rõ vẻ đẹp của các cô. Kiều San còn đeo khăn lụa màu đỏ, Đồng Úc buộc lơ trắng, cô đi đôi giày thể thao không rõ nhãn hiệu.

    Mà Cổ Tiểu Âu cùng Lam Đại càng làm cho người ta thấy sáng mắt hơn.

    Chiếc váy màu đen của Cổ Tiểu Âu càng tôn lên hơi thở đặc chưng của người dân tộc thiểu số, day kim tuyến lấp lánh trước ngực, một chiếc khăn màu xám đeo trên cổ. Chiếc mũi cao thẳng và đôi môi đầy đặn, thân hình cao gầy, mái tóc đen nhánh buông thõng, trông cô như người mẫu nước ngoài.

    Lam Đại càng thích phong cách nổi trội, chiếc áo ngoài màu xám cao cổ, thêm vào đó là chiếc áo đỏ bên trong, dây lưng đeo ngang hông, hai tay nhét vào túi áo, ánh mắt và đôi môi càng làm cho bộ mặt thêm xinh đẹp, phối hợp với vẻ lạnh nhạt của cô thì càng thêm quyến rũ.

    Khi Triệu Quốc Đống đề nghị ăn cơm tây thì mấy cô gái đều lộ ra vẻ tò mò. Tất nhiên bọn họ không tin người ở cấp bậc như Triệu Quốc Đống lại dám đề nghị ăn đồ tây.

    ReplyDelete
  4. Dù có thêm một số thành phần dược liệu quý hiếm khác như nấm, sâm, khoáng chất,… nhưng tất cả các loại Fucoidan chính hãng http://muathuoctot.com/doctors-best-fucoidan-thuoc-ho-tro-dieu-tri-ung-thu-hieu-qua-nhat-309.html đều đáp ứng tốt yêu cầu về chất lượng, vệ sinh an toàn thực phẩm, có nguồn gốc xuất xứ rõ ràng và đi kèm kiểm chứng khoa học. Do đó, bạn sẽ không còn băn khoăn Fucoidan loại nào tốt nhất nữa.
    Fucoidan Umi no Shizuku http://muathuoctot.com/cac-loai-thuoc-fucoidan-nhat-ban-va-my-nao-tot-nhat-hien-nay-1311137-1.post được chiết xuất chủ yếu từ 2 loại tảo có hàm lượng chất Fucoidan cực kỳ cao là tảo mozuku, mekabu, cộng thêm dưỡng chất quý từ nấm Agaricus đã trở thành loại thực phẩm chức năng hỗ trợ điều trị bệnh ung thư tốt thứ 2 trong các loại Fucoidan hiện có.
    Hiện nay, giá thành của thuốc Fucoidan có sự chênh lệch rất lớn giữa thuốc bán tại Việt Nam và thuốc nhập khẩu, thuốc xách tay. Mỗi loại Fucoidan http://muathuoctot.com/thuoc-fucoidan-co-tot-khong-gia-bao-nhieu-2243-1.post đều hỗ trợ tốt nhất cho bệnh nhân ung thư, nếu đó là thuốc Fucoidan trị ung thư có hàm lượng Fucoidan thấp cũng chiếm được 85% thành phần. Do đó, điều quan trọng nhất để tìm được thuốc Fucoidan http://muathuoctot.com/tac-dung-cua-thuoc-fucoidan-lieu-dung-fucoidan-cho-nguoi-ung-thu-1311140-1.post tốt là mua thuốc chính hãng, do đơn vị dược phẩm uy tín phân phối.

    ReplyDelete