blocks|key|1054710|text|你可以看看新的WebGrid助手。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1054711|entityMap|0|LINK|mutability|MUTABLE|url|http://weblogs.asp.net/shijuvarghese/archive/2010/10/08/using-the-webgrid-helper-in-asp-net-mvc-3-beta.aspx^0|5|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You may take a look at the <a href="http://weblogs.asp.net/shijuvarghese/archive/2010/10/08/using-the-webgrid-helper-in-asp-net-mvc-3-beta.aspx" rel="nofollow">new WebGrid helper</a>.

blocks|key|2611098|text|您可以在WebGrid中使用新的MVC3：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2611099|@{
++++var+grid+=+new+WebGrid(Model);
++++@grid.GetHtml();
}|code-block|syntax|javascript|2611100|您可以使用jQuery选项卡：http://jqueryui.com/demos/tabs创建选项卡页。|offset|length|2611101|如果我误解了你的问题，很抱歉。|2611102|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/demos/tabs^0|0|0|F|U|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

You can use the new WebGrid in MVC3:

<pre><code>@{
 var grid = new WebGrid(Model);
 @grid.GetHtml();
}
</code></pre>

And you can use jQuery tabs: <a href="http://jqueryui.com/demos/tabs" rel="noreferrer">http://jqueryui.com/demos/tabs</a>, to create tab pages.

Sorry if I am misunderstood your question.

blocks|key|2252298|text|您还可以考虑使用telerik网格和tabstrip组件，检查他们的演示。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2252299|entityMap|0|LINK|mutability|MUTABLE|url|http://demos.telerik.com/aspnet-mvc/^0|V|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You may also consider using the telerik grid and tabstrip MVC components, check <a href="http://demos.telerik.com/aspnet-mvc/" rel="nofollow">their demos</a>.

blocks|key|2252316|text|我并没有经常使用它，但据我所知，在使用它之前，您必须先安装MVC+3的WebGrid。您不希望在视图中设置表，而是使用模型属性进行设置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2252317|如果我在哪里这样做，我会做以下工作：|2252318|创建我的自定义属性，用来装饰我的模型，以定义哪些属性是列，哪些标签将用于列标题，以及您想要配置的任何其他属性。|unordered-list-item|2252319|我将使用一个静态方法创建一个静态类，该方法接受模型实例，使用反射读取属性和自定义属性，然后它将为您在视图中使用WebGrid。|2252320|这就是我为什么不这么做的原因:在MVC中，您可以为验证之类的东西装饰您的模型，这是非常棒的和声明性的。但是当你定义一个网格时，这是一个非常特定于视图的东西。当然，您可能正在使用特定于视图的ViewModels，但我不认为表布局配置属于模型。WebGrid或Telerik的网格在运行之前的方式已经是很好的声明性了。|2252321|我缩短了WebGrid和Telerik的网格，通过提供声明性的、流畅的接口来定义表的结构和行为，从而使用了最佳实践。每个表都是不同的，所以定义每个表是有意义的。您说的是“手工”，但情况远非如此，因为网格正在为您做所有肮脏的工作，您只是告诉它您想要什么(声明式编程)。|2252322|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|T|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

I haven't used it much but from my understanding you must first setup MVC 3's WebGrid before using it. And you don't want to setup the table in the view but instead do it using model attributes.

If I where to do that I would do the following:

<ul>
<li>Create my custom attributes with which I would decorate my model to define which properties are columns, what labels will be used for column header and anything else you want to configure.</li>
<li>I will make a static class with a static method that takes in your model instance, uses reflection to read the properties and your custom attributes and from there it will spit out the WebGrid for you to use in your view.</li>
</ul>

That's the how but I'll tell you why I wouldn't do this: in MVC you decorate your model for things like validation and that is great and declarative. But when you define a grid, this is a very view specific thing. Sure you may be using the ViewModels which are view specific but I don't think table layout configuration belongs in the model. The way WebGrid or Telerik's Grid before it work is already nicely declarative already.

I short WebGrid and Telerik's Grid are already using best practices by offering declarative, fluent interfaces to define table structure and behaviour. Each table is different so it makes sense you are defining each table. You say "by hand" but this is far from the case as the Grids are doing all the dirty work for you, you are just telling it what you want (declarative programming).

blocks|key|1054896|text|我很喜欢jQuery模板。您只需要传递JSON对象，它就可以完成其余的工作。适用于分类、分页等。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1054897|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/category/plugins/templates/^0|4|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I like <a href="http://api.jquery.com/category/plugins/templates/" rel="nofollow">jQuery templates</a> alot. You just need to pass JSON object and it does the rest of the work. good for sorting, pagination etc.

blocks|key|2252380|text|菲尔·哈克(+Phil+)写了一篇非常酷的关于Razor代表模板的博客文章。他写的html助手简单，重量轻。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2252381|http://haacked.com/archive/2011/02/27/templated-razor-delegates.aspx|offset|length|2252382|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1W|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Phil Haack wrote a really cool blog article about Templated Razor Delegates. The html helper he writes is simple and light weight.

<a href="http://haacked.com/archive/2011/02/27/templated-razor-delegates.aspx" rel="nofollow">http://haacked.com/archive/2011/02/27/templated-razor-delegates.aspx</a>

blocks|key|1054908|text|只是找到了这个答案，寻找一个类似的解决方案。不过，我也希望有一些可重用的东西，因此最后根据Kalman的答案创建了一个简单的模板，看起来如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1054909|View/DisplayTemplates/Table.cshtml|offset|length|style|BOLD|1054910|@model+IEnumerable<object>
@{WebGrid+grid+=+new+WebGrid(Model);}
@grid.GetHtml()|code-block|syntax|javascript|1054911|使用|1054912|@Html.DisplayForModel("Table")|1054913|这还应该通过向属性添加[DataType("Table")]来处理集合的模型元数据。|CODE|1054914|entityMap^0|0|0|Y|0|0|0|2|0|0|B|J|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@$D|X|E|Y|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|13|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|14|8|@$D|15|E|16|F|S]]|9|@]|A|$]]|$1|T|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|U|$]]

Just found this answer looking for a similar solution. I was also hoping for something reusable though, so ended up creating a simple template based on Kalman's answer, it looks like this:

View/DisplayTemplates/Table.cshtml

<pre><code>@model IEnumerable&lt;object&gt;
@{WebGrid grid = new WebGrid(Model);}
@grid.GetHtml()
</code></pre>

Usage

<pre><code>@Html.DisplayForModel("Table")
</code></pre>

This should also work with model meta data for a collection by adding <code>[DataType("Table")]</code> to the property.

Is there a good way for creating a tabular display template in ASP.NET MVC3 with the new Razor syntax?

In ASP.NET MVC 2 Phil Haack was blogging about <a href="http://haacked.com/archive/2010/05/05/asp-net-mvc-tabular-display-template.aspx" rel="nofollow noreferrer">tabular display templates</a>.
Is there a better approach in ASP.NET MVC3?

EDIT:

Is it also possible to render the grid on the basis of the model meta data? So I do not want to manually define the columns with the WebGrid API but with model meta data. The problem I see is that you everytime have to define the table by hand using the WebGrid API. I want to have the possibility to have one kind of table that is reusable!

Edit:
So is there any good practice for creating grids using model meta data?

ASP.NET MVC 3 Reusable Table Display Template with Razor

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在ASP.NET MVC3中用新的Razor语法创建表格显示模板有好的方法吗？在ASP.NET MVC 2中，Phil写了关于的博客。在ASP.NET MVC3中有更好的方法吗？编辑：是否也可以根据模型元数据呈现网格？因此，我不想用WebGrid API手动定义列，而是使用模型元数据定义列。我看到的问题是，您每次都必须...

问带有Razor的ASP.NET MVC 3可重用表显示模板
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带有Razor的ASP.NET MVC 3可重用表显示模板EN