1. 程式人生 > >EXT NET 安裝與使用

EXT NET 安裝與使用

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

                前言:

      筆者在開發過程中一直困擾與頁面樣式及其使用者體驗等問題。為了解決這些問題從而提高系統開發效率和增強人機互動能力,所以在網上一直尋找解決方案。

     最終決定使用Ext.net進行開發。

 Ext.Net介紹:

   是一組開源的Asp.net(WebForm,MVC)元件。基於Ext.Js庫開發,含有100多個工具,如TextBox,Combox,Button,ToolBar,StateBar,Panel,TabPanel,ExplorerBar,MenuBar,PictureBox 等多種控制元件並支援Ajax無重新整理效果。

  下載地址http://www.ext.net/download/

  示例地址:http://examples.ext.net/

  環境:VS2005+、伺服器.NET Framework3.5+、網站系統.net 2.0+

Ext.Net特點:

  1.多種控制元件。能快速的建立高視覺的使用者介面

   2.300多個示例,能讓你快速上手

   3.豐富的Ext.js API提供支援

   4開源閉源雙協議

Ext.Net安裝和使用

1.下載最新版本

2.開啟下載檔案,將包含以下檔案:

?
1 2 3 4 5 Ext.Net.dll Ext.Net.Utilities.dll Ext.Net.xml Newtonsoft.Json.dll Newtonsoft.Json.xml

 3.開啟  Visual Studio,建立C#網站專案

  • 開啟選單建立網站
  • 彈出"建立網站"視窗,選擇Asp.net 網站,位置:檔案系統, 語言:Visual C# 
  • 點選確定

4.首次使用時

  • 在工具箱中右鍵點選"新增選項卡"
  • 選項卡名稱Ext
  • 在該選項卡中,右鍵點選“選擇項”
  • 彈出"選擇箱項"對話方塊,點選“瀏覽” ,雙擊選擇下載檔案目錄下的"Ext.Net.dll"
  • 點選“確定”,將在Ext選項卡中出現多個控制元件

5.配置Web.Config


   
    <?
    xml version="1.0" encoding="utf-8"
    ?>
    
    <
    configuration
    >
     
    <
    configSections
    >
          
    <
    section 
    name
    ="extnet"
     type
    ="Ext.Net.GlobalConfig"
     requirePermission
    ="false"
     
    />
    
    <
    configSections
    >
    
    <
    extnet 
    />
     
    <!--
             The following system.web section is only requited for running ASP.NET AJAX under Internet        Information Services 6.0 (or earlier).  This section is not necessary for IIS 7.0 or later.    
    -->
        
    <
    system.web
    >
            
    <
    httpHandlers
    >
                
    <
    add 
    path
    ="*/ext.axd"
     verb
    ="*"
     type
    ="Ext.Net.ResourceHandler"
     validate
    ="false"
     
    />
            
    </
    httpHandlers
    >
            
    <
    httpModules
    >
                
    <
    add 
    name
    ="DirectRequestModule"
     type
    ="Ext.Net.DirectRequestModule, Ext.Net"
     
    />
            
    </
    httpModules
    >
        
    </
    system.web
    >
           
    <!--
             The system.webServer section is required for running ASP.NET AJAX under Internet Information Services 7.0.        It is not necessary for previous version of IIS.    
    -->
        
    <
    system.webServer
    >
            
    <
    validation 
    validateIntegratedModeConfiguration
    ="false"
    />
            
    <
    modules
    >
                
    <
    add  
    name
    ="DirectRequestModule"
      preCondition
    ="managedHandler"
         type
    ="Ext.Net.DirectRequestModule, Ext.Net"
      
    />
            
    </
    modules
    >
            
    <
    handlers
    >
                
    <
    add 
    name
    ="DirectRequestHandler"
       verb
    ="*"
        path
    ="*/ext.axd"
       preCondition
    ="integratedMode"
        type
    ="Ext.Net.ResourceHandler"
     
    />
            
    </
    handlers
    >
        
    </
    system.webServer
    >
    
    </
    configuration
    >
   
   
    
   
  
  

 6.開啟default.aspx。頂部新增:


   
    <%
    @ Register Assembly
    =
    "
    Ext.Net
    "
     Namespace
    =
    "
    Ext.Net
    "
     TagPrefix
    =
    "
    ext
    "
     
    %>
   
  
  

7.頁面<form>中新增:


   
    <!--
     必須的
    -->
    
    <
    ext:ResourceManager ID
    =
    "
    ResourceManager1
    "
     runat
    =
    "
    server
    "
     
    />
   
  
  

8.拖入一個Ext控制元件到頁面。

如:


   
    <
    ext:CycleButton ID
    =
    "
    CycleButton1
    "
     runat
    =
    "
    server
    "
     ShowText
    =
    "
    true
    "
     PrependText
    =
    "
    View As 
    "
    >
            
    <
    Menu
    >
                
    <
    ext:Menu ID
    =
    "
    Menu1
    "
     runat
    =
    "
    server
    "
    >
                    
    <
    Items
    >
                        
    <
    ext:CheckMenuItem ID
    =
    "
    CheckMenuItem1
    "
     runat
    =
    "
    server
    "
     Text
    =
    "
    Text Only
    "
     Icon
    =
    "
    Note
    "
     
    />
                        
    <
    ext:CheckMenuItem ID
    =
    "
    CheckMenuItem2
    "
     runat
    =
    "
    server
    "
     Text
    =
    "
    Html
    "
     Icon
    =
    "
    Html
    "
     Checked
    =
    "
    true
    "
     
    />
                    
    </
    Items
    >
                
    </
    ext:Menu
    >
            
    </
    Menu
    >
        
    </
    ext:CycleButton
    >
   
   
    
   
  
  

9.頁面點選右鍵“在瀏覽器中檢視”

從此你愛上了Ext.net。。。

轉載時請註明出處!老虞http://www.cnblogs.com/howDo/ 分類: Ext.Net            

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述