当前位置:编程学习 > C#/ASP.NET >>

求大神 帮我看看哪里错了 extjs 表格

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="grid.aspx.cs" Inherits="grid" %>

<!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>
    <link href="resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="bootstrap.js" type="text/javascript"></script>
    <script src="ext-all.js" type="text/javascript"></script>
    <script src="ext-all-debug.js" type="text/javascript"></script>
    <script src="locale/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script type="text/javascript">
    
        Ext.onReady(function(){

            var cm = new Ext.grid.ColumnModel([
            //new Ext.grid.RowNuberer(),
                { header: '编号', dataIndex: 'id' ,width:20,sortable:true},//sortable为true表示该列允许排序
                { header: '名称', dataIndex: 'name' ,width:80},
                { header: '描述', dataIndex: 'desn' }
            ]);
            var data = [
               ['1', 'name1', 'desn1'],
               ['2', 'name1', 'desn1'],
               ['3', 'name1', 'desn1'],
               ['4', 'name1', 'desn1'],
               ['5', 'name1', 'desn1']
                ];
            //var data=[  //中文排序
            //['1','啊','desn1'],
            //['2','啵','desn2'],
            //['3','呲','desn3'],
           // ];
            var ds = new Ext.data.Store({
                proxy: new Ext.data.MemoryProxy(data),
                //prroxy: new Ext.data.ScriptTagProxy({url:'www.family168.com/data.json'}),//本地数据读取太快,所以用ScriptTagProxy
                reader: new Ext.data.ArrayReader({}, [
                    { name: 'id' },
                    { name: 'name' },
                    { name: 'desn' }
                ])
                //sortInfo:{filed:"name",direction:"ASC"}//设置中文默认的排序方式,direction,代表排序方式,ASC升,DESC降序
            });
            ds.load();

            var grid = new Ext.grid.GridPanel({
                //enableColumnMove:false,//禁用拖放列
               //enableColumnResize:false,//禁用改变列宽度
                renderTo: "grid",
                //stripeRows:true,//斑马线效果
                //loadMask:true,//遮罩提示功能,在store.load()完成之前会一直显示“Loading...”
                store: ds,
                height: 600,
                cm: cm,
                //viewConfig: { forceFit: true}//根据cm里设置的width按比例分配
                autoExpaandColum:'descn'//让指定列的宽度自动伸展 只能指定一列
            });
        }); 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="grid">
    
    </div>
    </form>
</body>
</html>
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,