Extjs ExtExtenders控件学习 - 面向对象网,web开发,Extjs,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Extjs > 正文

Extjs ExtExtenders控件学习

来源: www.bianceng.cn 阅读:

关注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>

Tags:
相关文章列表: