Extjs ExtExtenders控件学习

Extjs ExtExtenders控件学习2014-05-27 博客园 RayGu关注extjs一段时间，没这时间搞这玩意，突然发现extExtenders，发现非常来劲，顺便搞起来玩玩。

首先下载一个ExtExtenders.dll的玩意,google上很多，就不具体说哪里下载了 /Files/guguangye/ExtExtenders.rar ，我也顺便提供一个我目前在用的版本。

首先把这个DLL添加到工具箱。

上述这些就是基本ExtExtenders基本控件了。

每用到一个再对该控件做一个详细介绍，今天先用了YUIGrid。

在使用ExtExtenders之前，首先要在web.config上做配置，否则会出现未将对象引用实例的黄页，这个是必须的。

<httpModules>
            <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add name="wwScriptCompressionModule" type="ExtExtenders.Helpers.wwScriptCompressionModule,ExtExtenders"/>
        </httpModules>

OK，拖控件。在aspx文件中生成

<%@ Register Assembly="ExtExtenders" Namespace="ExtExtenders" TagPrefix="cc1" % >
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <cc1:YuiGrid ID="YuiGrid1" runat="server" Width="500px" EnablePaging="true" PageSize="5"
                    PagingStyle="NavBar">
                    <Columns>
                        <cc1:ColModel header="ID" hidden="true" dataIndex="ID" DataType="Text" sortable="true" />
                        <cc1:ColModel header="编号" dataIndex="Code" DataType="Text" sortable="true" />
                        <cc1:ColModel header="全称" dataIndex="FullName" DataType="Text" sortable="true" />
                        <cc1:ColModel header="是否启用" dataIndex="Enabled" DataType="Text" sortable="true" />
                    </Columns>
                </cc1:YuiGrid>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <br />
                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                <br />
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="添加" />
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>