2012-03-28 14 views
1

我想在aspnet mvc 3中使用Ext.net控件,但我无法做到这一点。你可以帮我吗?如何在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> 

回答

4

您发布的代码是WebForm语法。

如果您正在使用ASP.NET MVC剃刀和最新Ext.NET版本2.x版本,您可以使用剃刀语法渲染所有/任何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

你可以给我一些样本Ext.Net在MVC 3如何做到这一点? – programmerist 2012-03-29 07:51:09

+0

嘿@programmerist,你有没有找到任何样品?我也想用asp.net mvc剃须刀引擎来使用ext.net控件。但由于缺乏样品,我被卡住了。如果您有任何样品,如果您提供样品,这将是非常好的。 – 2012-08-27 10:16:28

1

Page.Controls只存在于网络的形式。我怀疑你的控件是用于web表单的,因此它不适用于MVC。

+0

我改变了它。但没有结果看看我的修改代码 – programmerist 2012-03-28 10:42:32