Cài đặt & sử dụng Ext.Net trong Visual Studio 2010

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Ext.net 1 bộ công cụ mã nguồn mở giúp chúng ta có thể xây dựng website có giao diện hấp dẫn và thân thiện với người dùng, hôm nay mình sẽ hướng dẫn tất cả các bạn từng bước từ việc download và sử dụng Ext.Net để xây dựng website.

Download version mới nhất của Ext.Net tại đây. Sau khi download về và tiến hành giải nén, chúng ta có các file:

Ext.Net.dll
Ext.Net.Utilities.dll
Ext.Net.xml
Newtonsoft.Json.dll
Newtonsoft.Json.xml

Tiến hành tạo 1 blank asp.net website sử dụng visual studio, sau đó thêm mới trang Default.aspx, thêm thư mục Bin vào website và copy tất cả *.dll vừa giải nén vào thư mục Bin đó.

Click chuột phải vào website → chọn add reference.... và chọn các *.dll bên trên.




Add Ext.net vào toolbox:

Click chuột phải vào toolbox chọn Choose Items...Sau đó chọn Ext.Net.dll trong Bin folder → OK

Cấu hình trong web.config:

<?xml version="1.0"?>
<configuration>
  <configSections>
    <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
  </configSections>
  <system.web>
    <compilation debug="false" targetFramework="4.0" />
  </system.web>
  <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>
  <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>

Thêm control vào website:

Mở trang Default.aspx thêm vào code sau:

Đăng ký assembly

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

Bỏ code sau vào tag body:

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

Add control ext.net:

<div>
<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>
</div>

Nhấn F5 để run website lên và xem kết quả

Tham khảo thêm tại: http://forums.ext.net/showthread.php?11027-Install-and-Setup-Guide-for-Visual-Studio