ext.net d动态添加GridPanel到window中

<ext:ResourceManager runat="server"></ext:ResourceManager>
    <ext:Button runat="server" ID="button2" Text="Add the GridPanel" OnDirectClick="button_click"></ext:Button>
    <ext:Window runat="server" ID="window1" Width="500" Height="500" Title="Daynamic Add GridPanel">
        <TopBar>
            <ext:Toolbar runat="server" ID="toolBar1">
                <Items>
                    <ext:Button runat="server" ID="button1" Text="Add the GridPanel" >
                      <DirectEvents>
                            <Click OnEvent="button_click">
                                <EventMask ShowMask="true" 
                                    Target="CustomTarget" 
                                    CustomTarget="Window1" 
                                    />
                            </Click>
                        </DirectEvents>  
                    
                    </ext:Button>
                </Items>
            </ext:Toolbar>
        </TopBar>

    </ext:Window>

用创建类对象的方法来创建Ext.Net控件的时候需要注意的问题
一、***ID的属性需要填上否则可能出现xtype未defined的错误在用开发工具调试的时候出现的
二、用Code来创建Ext.Net控件的时候什么时候该用new 的地方 在不熟悉的时候可以通过
    在html中用控件的方式来测试下 一般是<ext:Name>  <name runat="Server">的时候需要
    来new一下


 <script runat="server">
       //OnDirectClick="button_click"
       protected void button_click(object obj, DirectEventArgs args)
       {
           X.Msg.Alert("error", "error").Show();
           BuildGridPanel().AddTo(this.window1);
         
          
          
       }
       protected void Page_Load(object obj, EventArgs args)
       {
        //   X.Msg.Alert("error", "error").Show();用于测试的
           this.BuildStore();
          // BuildStore();
       }
       private Ext.Net.GridPanel BuildGridPanel()
       {
           return new Ext.Net.GridPanel
           {
               ID="girdPanel1",
               Store = { this.BuildStore() },
               ColumnModel =
               {
                   Columns = {  
                                    new RowNumbererColumn{
                                        Text="序号"
                                    },
                                     new Column{
                                         DataIndex="username",
                                         Text="username"     
                                      },
                                      new Column{
                                         DataIndex="age",
                                         Text="age",   
                                      },
                                      new DateColumn
                                      {
                                          DataIndex="birthday",
                                          Text="birthday"
                                      }
                            }
               },
               SelectionModel = {
                    new RowSelectionModel(){ Mode= SelectionMode.Single}
               },
               View =
               {
                   new Ext.Net.GridView()
                   {
                       StripeRows=true,
                       TrackOver=true
                    
                   }
               }


           };
           
       }
       private Ext.Net.Store BuildStore()
       {
           X.Msg.Alert("error", "error").Show();
           var store =  new Ext.Net.Store
           {
               ID="store1",
               Model = { new Model{
                             Fields ={
                                    new ModelField("username",ModelFieldType.String),
                                    new ModelField("age",ModelFieldType.Int),
                                    new ModelField("birthday",ModelFieldType.Date,"Y/M/d")
                                    }
                        
                            }
               
                     }
           };
           store.DataSource = Data;
           store.DataBind();
          
           return store;
       }
       public object[] Data
       {
           get
           {
               return new object[]{
                 new object[]{"Tom",12,"2012/3/3"},
                 new object[]{"Jack",45,"2012/4/5"},
                 new object[]{"baler",34,"1990/2/3"}
                        
               };
               
           }
       }
   </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值