如何在 MVC 3 中使用 Ext.net 控件？答案

【问题标题】：How to use Ext.net control in MVC 3?如何在 MVC 3 中使用 Ext.net 控件？
【发布时间】：2012-03-28 08:12:27
【问题描述】：

我想在 aspnet mvc 3 中使用 Ext.net 控件，但我做不到。你能帮帮我吗？


<h2>List</h2>
<div>
        <% Ext.Net.TabPanel tb = new TabPanel() { ID="tb1", Height = 300 };
           tb.Items.Add(new Ext.Net.Panel() { ID = "1", Title = "Test" });


        %>
    </div>

但是如果我查看页面源结果，没有结果返回给我：



<!DOCTYPE html>

<html>
<head>
    <link rel="stylesheet" type="text/css" href="/WebResource.axd?d=yZr1qXAiAzbIyuMwWFg4QLahCw7ja-r5MvwrWaYGNYBiSLompC1t3Dre6yVT_nX3dE_5QRW8Pq_M_mf3ckpaRofaHZG9JTWR4XNA3Qlk1l0lrRtAk7_XdSqezLOHVVzNAnFsM_Xvd-_Jkz3oAxnZR52Pj2Gx6OQ6XgRMpjV7wg41&t=634661604900000000" />
<title>

    List

</title>
     <style type="text/css">
      html
      {
         background-color:Gray;
      }

      .column
      {
         float:left;
         width:75%;
         border:solid 1px black;
         margin-right:10px;
         padding:5px;
         background-color:white;
         min-height:750px;
      }

   </style>

    <script type="text/javascript" src="/WebResource.axd?d=EEB3ci-aaYX0YFB1eKO9bNJxz21l7U6Xgp6gafhX-ELA3dqrXi0vJChPyMcsY02FqNHlDFzFUXhC1Wr20e23KQDHybExiJcMtk25sY6H14MJWhlFGE-pP5O0yfnfTY5rqctCxUyaF0PEA-FTaqBmsMnVHTwakoGf9vavE-17ugQ1&t=634661604900000000"></script>
    <script type="text/javascript" src="/WebResource.axd?d=MC7em5dhNLnBAdrW93hZYkG4dXWQcASL6iXw2IQb1NzxHMGA11tPZfow93hy4T_4dZqotlxW-YF95RJptzY352oINWGWb6cJr4JvBvRDC0amtlBU65lPTxvQeag4qmgoBXQ3Y-KW6mtrxsiGMKkIRQ2&t=634661604900000000"></script>
    <script type="text/javascript" src="/WebResource.axd?d=hG2uE2_g7tabtfNStz4lSLSwuXYXbXisubF7Fk7ezPJp9TZl2fyBJu3H-wYG-DS9JithBK3TA4ThRCkhX53y2HlV02jYOaX-dL8EVSpL2hvpa6PYag6EVudAnf_JzCoPcMqKXc2dJ0PFK5qP7XXZeQ2&t=634661604900000000"></script>
    <script type="text/javascript">
    //<![CDATA[
        Ext.net.ResourceMgr.init({id:"ctl00$ResourceManager1",BLANK_IMAGE_URL:"/WebResource.axd?d=SanxrxztuPyOAwG7dcFi5HvB6yOoIwnKJN3sevUiXssgue_dNhgx0KWC2p7tE4ygV4N6_n3aqstZCgfhUs4nL5nCZggPLeFdFhYYgXln5EK0OaMOfRO77y22sclo4saMp9irYOG5hNb8NvsMMkgeqm9TCwonBfPgYchN-BVRq4c1&t=634661604900000000",theme:"blue"});Ext.onReady(function(){Ext.QuickTips.init();});
    //]]>
    </script>
</head>

<body>

    <div class="column">
       <h1>Job Schedule </h1>


<h2>List</h2>
<div>

    </div>



    </div>
</body>
</html>

【问题讨论】：

标签： asp.net asp.net-mvc asp.net-mvc-3 ext.net

【解决方案1】：

您发布的代码是 WebForm 语法。

如果您使用的是 ASP.NET MVC Razor 和最新的 Ext.NET v2.x 版本，则可以使用 Razor 语法呈现所有/任何 Ext.NET 组件。

以下示例演示了如何呈现一个非常简单的 TabPanel。

示例

@{
    Layout = "";    
}

<!DOCTYPE html>

<html>
<head>
    <title>Ext.NET Examples</title>
</head>
<body>    
    @Html.X().ResourceManager()

    @(Html.X().TabPanel()
        .Height(300)
        .Items(items => {
            items.Add(Html.X().Panel().Title("Test"));
        }));
</body>
</html>

希望这会有所帮助。

【讨论】：

你能给我一些示例 Ext.Net in mvc 3 怎么做？
嘿@programmerist，你找到样本了吗？？？我还想将 ext.net 控件与 asp.net mvc razor 引擎一起使用。但由于缺乏样本，我被困住了。如果您有样品，请提供给我。

【解决方案2】：

Page.Controls 仅出现在 Web 表单中。我怀疑您的控件是针对 Web 表单的，因此它不适用于 MVC。

【讨论】：