extjs与C#的相关问题

extjs中有一个grid和一个window窗口
将grid填充到window窗口中
怎么样使得无论window窗口的大小如何变化
grid中个列的数据还可以完全显示，即不会出现滚动条
请问一下应该怎么样去设置grid或者window中的属性??? 相关的代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="infoeditgrid.aspx.cs" Inherits="infoeditgrid" %><!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 id="Head1" runat="server">
    <title>学生基本信息管理</title>
 <link rel="Stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
     <!--<link rel="Stylesheet" type="text/css" href="StyleSheet1.css" />-->
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="extjs/src/locale/ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="extjs/examples/ux/PagingMemoryProxy.js"></script>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        #grid
         { 
           width:100%; 
           height:100%; 
         }
        .grid_header
        {
         font-size:larger; font-weight: bold; font-style: normal; font-variant: inherit;
        } 
    </style>
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.QuickTips.init();
            var store = new Ext.data.Store(
                                 {
                                     proxy: new Ext.data.HttpProxy
                                   (
                                     { url: 'json/editgridjson.aspx?msg=grid' }
                                   ),
                                     waitMsgTarget: true,
                                     reader: new Ext.data.JsonReader(
                                                                       {
                                                                           root: 'data',
                                                                           id: 'id',
                                                                           fields:
                                                                                [
                                                                                 { name: 'id', type: 'int' },
                                                                                 { name: 'sno', type: 'string' },
                                                                                 { name: 'sname', type: 'string' },
                                                                                 { name: 'ssex', type: 'string' },
                                                                                 { name: 'sage', type: 'int' },
                                                                                 { name: 'sclass', type: 'string' }
                                                                                ]
                                                                       }
                                                                 )
                                 }
                                );
            store.load({params: { start: 0, limit: 5 }});
            var checkColumn = new Ext.grid.CheckboxSelectionModel();
            var colModel = new Ext.grid.ColumnModel
        (
            [
                checkColumn,
               { header: "<span class='grid_header'> 编号</span>", align: "center", dataIndex: 'id', sortable: true },
               { header: "<span class='grid_header'>学号</span>", align: "center", dataIndex: 'sno',
                   editor: new Ext.form.TextField({ allowBlank: false })
                   
               },
               { header: "<span class='grid_header'>姓名</span>", align: "center", dataIndex: 'sname',
                   editor: new Ext.form.TextField({ allowBlank: false })
                   
               },
               { header: "<span class='grid_header'> 性别</span>", align: "center", dataIndex: 'ssex',
                   editor: new Ext.form.TextField({ allowBlank: true })
               },
               { header: "<span class='grid_header'>年龄</span>", align: "center", dataIndex: 'sage',
                   editor: new Ext.form.TextField({ allowBlank: true })
                   
               },
               { header: "<span class='grid_header'>班级</span>", align: "center", dataIndex: 'sclass',
                   editor: new Ext.form.TextField({ allowBlank: true })
               }
            ]
        );
               var grid = new Ext.grid.EditorGridPanel({
//                stripeRows:true,
                store:store,
                cm:colModel,
                sm:checkColumn,
                layout:'fit',
                //                autoExpandColumn: 1,
                
                bodyStyle: "width:100%",
                baseCls: "background-color:#DFE8F6;",
                loadMask: "Loading...",
                viewConfig: { forceFit: true },
                //autoExpandColumn:'sclass',
                autoHeight: true,
                frame: true,
                renderTo: 'grid',
                waitMsgTarget: true,
                loadMask: "loading...",
                romateSorte: true,
                trackMouseOver: true,
                bbar: pagingToolbar = new Ext.PagingToolbar({ pageSize: 5, store: store,
                    displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条', emptyMsg: "没有记录"
                })
            });
            var win = new Ext.Window({
                el: 'window-win',
                layout: 'fit',
                width:1000,
                height: 300,
//                modal:true,//弹出窗口之后立即屏蔽掉页面上所有的其他组件
                closeAction: 'hide',
                maximizable: true,
                minimizable:true,
                items: [grid],
                buttons: [{
                    text: '按钮'
                }]
            });
            win.show();
        });
    
    </script>
</head>
<body  style="background-color: #DFE8F6;">
         <div id="window-win">
            <div id="grid"></div>
        </div>
</body>
</html>