How to use Ext.net control in MVC 3?

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

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

希望这能有所帮助。

Page.Controls仅存在于web表单中。我怀疑您的控件是用于web表单的，因此它不能与MVC一起使用。

相关内容

最新更新

热门标签：