筆者在開發(fā)過程中一直困擾與頁面樣式及其用戶體驗等問題。為了解決這些問題從而提高系統(tǒng)開發(fā)效率和增強人機交互能力,所以在網(wǎng)上一直尋找解決方案。
最終決定使用Ext.net進行開發(fā)。 Ext.Net介紹: 是一組開源的Asp.net(WebForm,MVC)組件。基于Ext.Js庫開發(fā),含有100多個工具,如TextBox,Combox,Button,ToolBar,StateBar,Panel,TabPanel,ExplorerBar,MenuBar,PictureBox 等多種控件并支持Ajax無刷新效果。 下載地址:http://www./download/ 示例地址:http://examples./ 環(huán)境:VS2005+、服務(wù)器.NET Framework3.5+、網(wǎng)站系統(tǒng).net 2.0+ Ext.Net特點: 1.多種控件。能快速的創(chuàng)建高視覺的用戶界面 2.300多個示例,能讓你快速上手 3.豐富的Ext.js API提供支持 4開源閉源雙協(xié)議 Ext.Net安裝和使用: 1.下載最新版本 2.打開下載文件,將包含以下文件: view sourceprint?1Ext.Net.dll 2Ext.Net.Utilities.dll 3Ext.Net.xml 4Newtonsoft.Json.dll 5Newtonsoft.Json.xml 3.打開 Visual Studio,創(chuàng)建C#網(wǎng)站項目 打開菜單創(chuàng)建網(wǎng)站 彈出"創(chuàng)建網(wǎng)站"窗口,選擇Asp.net 網(wǎng)站,位置:文件系統(tǒng), 語言:Visual C# 點擊確定 4.首次使用時 在工具箱中右鍵點擊"添加選項卡" 選項卡名稱Ext 在該選項卡中,右鍵點擊“選擇項” 彈出"選擇箱項"對話框,點擊“瀏覽” ,雙擊選擇下載文件目錄下的"Ext.Net.dll" 點擊“確定”,將在Ext選項卡中出現(xiàn)多個控件 5.配置Web.Config xml version="1.0" encoding=""?> 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.頁面中添加: ! 必須的> ext:ResourceManager runat="server" />8.拖入一個Ext控件到頁面。如: ext:CycleButton runat="server" ShowText="true" PrependText="View As "> Menu> ext:Menu runat="server"> Items> ext:CheckMenuItem runat="server" Text="Text Only" Icon="Note" /> ext:CheckMenuItem runat="server" Text="Html" Icon="Html" Checked="true" /> Items> ext:Menu> Menu> ext:CycleButton>9.頁面點擊右鍵“在瀏覽器中查看” 從此你愛上了Ext.net。。。 |
|
來自: 賈朋亮博客 > 《Extjs.net》