如何在MVC 3中使用Ext.net控件?

时间:2012-03-28 08:12:27

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

我想在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>

2 个答案:

答案 0 :(得分:4)

您发布的代码是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>

希望这有帮助。

答案 1 :(得分:1)

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