Ext.Net學習筆記01:在ASP.NET WebForm中使用Ext.Net

来源:http://www.cnblogs.com/dwuge/archive/2016/03/10/5261281.html
-Advertisement-
Play Games

Ext.Net是一個對ExtJS進行封裝了的.net控制項庫,可以在ASP.NET WebForm和MVC中使用。從今天開始記錄我的學習筆記,這是第一篇,今天學習瞭如何在WebForm中使用Ext.Net控制項庫。 下載Ext.Net 首先要去Ext.Net網站上下載Ext.Net,我先學習的是WebF


Ext.Net是一個對ExtJS進行封裝了的.net控制項庫,可以在ASP.NET WebForm和MVC中使用。從今天開始記錄我的學習筆記,這是第一篇,今天學習瞭如何在WebForm中使用Ext.Net控制項庫。

下載Ext.Net

首先要去Ext.Net網站上下載Ext.Net,我先學習的是WebForm版:

image

當前版本是2.4.0,壓縮包裡面包含了不同版本,分別用在相應.net版本的程式中。

在項目中引用

要使用Ext.Net,首先創建一個WebForm程式,我們這裡使用4.0版。

在引用管理器中,瀏覽到解壓的目錄,然後添加下麵的引用:

image

配置Web.config

儘管添加了引用,此時還不能算是完工。要想正確的使用Ext.Net,還需要對Web.config進行修改。

第一步,添加httphandler和httpmodule節點的配置

經典模式配置:

<httpHandlers>
  <add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler"  validate="false" />
</httpHandlers>
<httpModules>
  <add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" />
</httpModules>

集成模式配置:

<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節點中添加下麵的配置:

<validation validateIntegratedModeConfiguration="false" />

第二步,配置頁面控制項

要在頁面中使用Ext.Net的控制項,需要添加針對Ext.Net控制項的配置:

<pages>
  <controls>
    <add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/>
  </controls>
</pages>

第三步,添加Ext.Net全局配置節點

在完成上面兩個步驟之後,我們已經可以在頁面中使用Ext.Net控制項了。

image

那麼我們為什麼還要進行第三步配置呢?第三步配置添加了全局的配置,例如我們要使用全局的皮膚,而不是每一個頁面都去設置。

要添加全局配置,首先要在配置文件中添加自定義節點:

<configSections>
  <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
</configSections>

接下來是配置項:

<extnet theme="Neptune" />

在這裡我們只設置了全局的皮膚,使用ExtJS 4.2.1中的Neptune皮膚。

在頁面中的簡單用法

在完成了配置之後,我們就可以在頁面中使用Ext.Net控制項了。

首先,在需要使用Ext.Net控制項的頁面中添加資源引用,就像使用ScriptManager一樣,需要在頁面中添加如下控制項:

<ext:ResourceManager runat="server"></ext:ResourceManager>

有了這個控制項,就等於我們已經在頁面中添加了ExtJS的引用。

接下來我們來看看上面那個示例視窗的代碼:

<ext:Window runat="server" 
    ID="win" 
    Title="示例視窗" 
    Width="300" 
    Height="200" 
    AutoShow="true">
</ext:Window>

然後運行頁面,可以看到我們剛纔的示例視窗。

如果你對ExtJS有所瞭解,那麼你會發現,Ext.Net在很大程度上模擬了ExtJS的寫法,大大的提高了我們的生產力。

今天算是一個開篇,我會將自己的Ext.Net學習歷程通過日誌的形式記錄下來的。加油!

 

補充:關於Ext.Net版權的問題

Ext.Net 是一個開源的項目,有收費授權和免費授權兩種,兩個版本之間基本上沒有什麼區別,我們可以在學習的時候使用免費的授權,如果以後需要商業授權,可以去官網買一套,授權版包含了ExtJS的授權,你可以在Ext.Net官網查看相應授權的價格。

原文鏈接:http://www.qeefee.com/article/extnet-learn-01-using-extnet-in-webform


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Line 在兩個坐標點之間畫一條直線,通過四個屬性設置它的起始和結束 <Line Stroke="Blue" StrokeThickness="3" X1="20" Y1="20" X2="300" Y2="20"></Line> 如果線條是畫在Canvas畫布中,那麼Canvas的附加屬性Top和
  • 經過上面的折騰,我成功用批處理編譯 .NET Framework 4.5.2 項目後, 我並未滿足, 我想要更方便的, 無須安裝那麼多操蛋的東西, 只需要有運行時環境就可以了, 行不行? 答案當然是可以的, 那便是近年漸火的 roslyn 開源項目.
  • 程式效果 最終得到程式的運行效果如圖。拖動Slider可以使按鈕的背景色出現相應變化。 需求分析和架構設計 如果是你,接到了這樣的一個程式設計要求,會怎樣思考?第一步當然是需求分析啦。這個程式相對簡單,需要分析的主要是各個控制項之間的數據聯繫。這主要體現在Slider, Textbox和Button間
  • 編寫WinForm程式時,都會碰到一個問題。就是WinForm視窗在不同解析度下的大小問題。舉例說明,你編寫的WinForm視窗在1024×768下是合適、勻稱的。不過,如果用戶的電腦的解析度為1400×900時,你的WinForm視窗就顯得偏小,其中的字體和控制項都顯得偏小。如果用戶的解析度為64
  • 用vs2010開發項目鏈接伺服器時出現 之前是因為許可權問題,每次打開項目文件時 ,都要先直接進伺服器然後打開項目。 用了兩天,又不行了。就這個問題已經問了了老大不下3次了。 其實很是不想再麻煩他老人家的啦,在網上找的解決方案說是這樣設置 菜單欄==》調試==》選項和設置==》源代碼管理==》當前源代
  • 最近需要用到WCF,所以對WCF進行瞭解。在實踐中學習新知識是最快的,接下來先做了一個簡單的WCF服用應用示例。 本文的WCF服務應用功能很簡單,卻涵蓋了一個完整WCF應用的基本結構。希望本文能對那些準備開始學習WCF的初學者提供一些幫助。 在這個例子中,我將實現一個簡單的書籍數據查詢功能(Book...
  • 異常信息處理是任何網站必不可少的一個環節,怎麼有效顯示,記錄,傳遞異常信息又成為重中之重的問題。本篇將基於上篇介紹的html2cancas截圖功能,實現mvc自定義全局異常處理。先看一下最終實現效果:http://yanweidie.myscloud.cn/Home/Index 閱讀目錄 我理解中好
  • OOD:面向對象設計(Object-Oriented Design,OOD)方法是OO方法中一個中間過渡環節。其主要作用是對OOA分析的結果作進一步的規範化整理,以便能夠被OOP直接接受。 OOP:面向對象編程(Object Oriented Programming,OOP,面向對象程式設計)是一種
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...