如何给Ext.net的TreeGrid分页，并对节点进行增删改查的 *** 作。

给你看看我写的吧

前台：<ext:Viewport

ID="Panel1"

runat="server"

AutoWidth="true"

>

<Items>

<ext:GridPanel ID="GridPanel1"

runat="server"

title="学生一卡通查询"

Height="535px"

AutoWidth="true"

Icon="Wrench"

>

<Store>

<ext:Store ID="Store1" runat="server" OnRefreshData="MyData_Refresh" >

<Reader>

<ext:JsonReader IDProperty="帐号">

<Fields>

<ext:RecordField Name="帐号" Type="Float"/>

<ext:RecordField Name="一卡通帐号" Type="Auto"/>

<ext:RecordField Name="换卡记录" Type="Auto" />

<ext:RecordField Name="卡状态" Type="Auto"/>

<ext:RecordField Name="卡内余额" Type="Float"/>

<ext:RecordField Name="照片" Type="Auto"/>

</Fields>

</ext:JsonReader>

</Reader>

</ext:Store>

</Store>

<ColumnModel ID="ColumnModel1" runat="server">

<Columns>

<ext:Column

ColumnID="帐号"

Header="帐号"

DataIndex="帐号"

Align="Center"

Width="80px"

/>

<ext:Column

ColumnID="一卡通帐号"

Header="一卡通帐号"

DataIndex="一卡通帐号"

Align="Center"

Width="150px"

/>

<ext:Column

ColumnID="换卡记录"

Header="换卡记录"

DataIndex="换卡记录"

Align="Center"

Width="150px"

/>

<ext:Column

ColumnID="卡状态"

Header="卡状态"

DataIndex="卡状态"

Align="Center"

Width="150px"

/>

<ext:Column

ColumnID="卡内余额"

Header="卡内余额"

DataIndex="卡内余额"

Align="Center"

Width="75px"

/>

</Columns>

</ColumnModel>

<SelectionModel>

<ext:RowSelectionModel ID="RowSelectionModel1" runat="server">

<DirectEvents>

<RowSelect OnEvent="RowSelect_DirectClick" Buffer="100">

<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{Panel2}" />

<ExtraParams>

<ext:Parameter Name="帐号" Value="thisgetSelected()id" Mode="Raw" />

</ExtraParams>

</RowSelect>

</DirectEvents>

</ext:RowSelectionModel>

</SelectionModel>

<LoadMask ShowMask="true" />

<BottomBar>

<ext:PagingToolbar ID="PagingToolbar1" runat="server"

PageSize="24" StoreID="Store1">

<Content>

<ext:Button ID="btn_excel" runat="server" Text="导出Ecxel" Icon="DriveGo">

<DirectEvents>

<Click OnEvent="btn_excelDirectClick"></Click>

</DirectEvents>

</ext:Button>

</Content>

</ext:PagingToolbar>

</BottomBar>

</ext:GridPanel>

<ext:Window ID="Panel2" runat="server" Icon="User"

Border="true" Height="500" title="一卡通信息查看" Width="300" Closable="false"

Padding="15" Hidden="true">

<Content>

<ext:TextField ID="tbxno" runat="server" FieldLabel="帐号" Width="230px"

DataIndex="帐号" ReadOnly="true"/>

<ext:TextField ID="tbxcardid" runat="server" FieldLabel="一卡通帐号" Width="230px"/>

<ext:TextField ID="tbxcardhuan" runat="server" FieldLabel="换卡记录" Width="230px"/>

<ext:ComboBox ID="tbxcarding" runat="server" FieldLabel="卡状态" Width="230px" Selectable="true">

<Items>

<ext:ListItem Text="正常" />

<ext:ListItem Text="已挂失请补办" />

</Items>

</ext:ComboBox>

<ext:TextField ID="tbxcardmoney" runat="server" FieldLabel="卡内余额" Width="230px"/>

<ext:Image ID="piccard" runat="server" FieldLabel="照片" Width="230px"/>

<ext:Button ID="btnpic" runat="server" FieldLabel="更换照片" Text="浏览">

<DirectEvents>

<Click OnEvent="btnpic_DirectClick"></Click>

</DirectEvents>

</ext:Button>

</Content>

<Buttons>

<ext:Button ID="btnEnter" runat="server" Text="确定更新" Icon="Accept">

<DirectEvents>

<Click OnEvent="btnEnter_DirectClick"></Click>

</DirectEvents>

</ext:Button>

<ext:Button ID="btnchancle" runat="server" Text="关闭 *** 作" Icon="Cancel">

<DirectEvents>

<Click OnEvent="btnchancle_DirectClick"></Click>

</DirectEvents>

</ext:Button>

</Buttons>

</ext:Window>

<ext:Window ID="filepic" runat="server" title="更换照片" Icon="ImageEdit" Padding="15" Split="true"

AutoHeight="true" Width="420px" Closable="false" Hidden="true">

<Content>

<ext:Image ID="seepic" runat="server" FieldLabel="照片预览" Width="330px"></ext:Image>

<ext:FileUploadField ID="fileupload" runat="server" Width="350" Icon="Attach" ButtonText="选择照片"

/>

</Content>

<Buttons>

<ext:Button ID="btnEnterpic" runat="server" Text="确定更改" Icon="ImageAdd">

<DirectEvents>

<Click OnEvent="btnEnterpic_DirectClick">

<EventMask Msg="上传中" ShowMask="true" MinDelay="1000" /></Click>

</DirectEvents>

</ext:Button>

<ext:Button ID="btnNopic" runat="server" Text="取消更改" Icon="ImageDelete">

<DirectEvents>

<Click OnEvent="btnNopic_DirectClick"></Click>

</DirectEvents>

</ext:Button>

</Buttons>

</ext:Window>

</Items>

</ext:Viewport>

后台： DataTable SCard = DBsqlGetInstance()GetSCard();

static string uid="";

protected void Page_Load(object sender, EventArgs e)

{

//if (!XIsAjaxRequest)

//{

GetSCard();

//}

}

public void GetSCard()

{

thisStore1DataSource = SCard;

thisStore1DataBind();

}

protected void MyData_Refresh(object sender, StoreRefreshDataEventArgs e)

{

GetSCard();

}

protected void RowSelect_DirectClick(object sender, DirectEventArgs e)

{

thisPanel2Show();

uid = eExtraParams["帐号"];

GetstudentCard(uid);

}

public void GetstudentCard(string studentid)

{

SqlDataReader dr = DBsqlGetInstance()GetCardByuid(studentid);

while (drRead())

{

tbxnoText = dr["帐号"]ToString();

tbxcardidText = dr["一卡通帐号"]ToString();

tbxcardhuanText = dr["换卡记录"]ToString();

tbxcardingText = dr["卡状态"]ToString();

tbxcardmoneyText = dr["卡内余额"]ToString();

piccardImageUrl = dr["照片"]ToString();

}

drClose();

}

protected void btnEnter_DirectClick(object sender, DirectEventArgs e)

{

if (DBsqlGetInstance()updatacard(thistbxnoText, thistbxcardidText, thistbxcardingSelectedItemText, thistbxcardmoneyText, thistbxcardhuanText))

{

XMsgAlert("提示", "更新成功！<br/>请关闭窗口查看修改的信息！")Show();

GetSCard();

}

else

{

XMsgAlert("提示", "更新失败！")Show();

}

}

protected void btnchancle_DirectClick(object sender, DirectEventArgs e)

{

thisPanel2Hide();

}

protected void btnNopic_DirectClick(object sender, DirectEventArgs e)

{

thisfilepicHide();

}

protected void btnpic_DirectClick(object sender, DirectEventArgs e)

{

thisfilepicShow();

thisfileuploadClear();

SqlDataReader dr = DBsqlGetInstance()GetCardByuid(uid);

while (drRead())

{

seepicImageUrl = dr["照片"]ToString();

}

drClose();

}

var store = Extcreate("ExtdataStore", {

        //重要，指定每页显示多少数据

        pageSize:20,

        proxy:{

            type:"ajax",

            url:"",

            reader:{

                type:"json",

                //重要，指定读取的数据数组

                root:"data",

                //重要，需要后台传一个总的数据量过来

                totalProperty:"count"

            }

        }

    });

初始化表格分页栏

var pager = Extcreate("ExtPagingToolbar", {

        //重要，指定分页所使用的store

        store:store,

        displayInfo:true,

        displayMsg:"第 {0} 条至第 {1} 条记录 / 共 {2} 条记录",

        emptyMsg:"暂无记录"

    })

在表格中的bbar使用分页工具栏

bbar:pager

 

你对比一下自己的代码，看看哪里缺了东西

你换成这样就可以了

new ExtPagingToolbar({

pageSize:10, // 页大小

autowidth:true,

store:store,

displayInfo:true,

displayMsg:'显示第{0}条到{1}条记录，一共{2}条',

emptyMsg:'没有记录'

})

1、首先我们打开电脑里的word软件打开一个表格分页的文件。

2、然后我们选中表格右键，在下拉菜单中选择“表格属性”。

3、然后我们在表格属性对话框中，选择“行”，在“允许跨页断行”前选中确定即可。

4、然后我们即可看到此时表格不分页了。