EXTJS自动生成行号错误求高手帮忙看下。。


<html>
  <head>
  <meta http-equiv="Content-Type" Content="text/html; charset=GB2312" />
  <link rel="stylesheet" type="text/css" href="../../ext-3.2.1/resources/css/ext-all.css"></link>
  <script  src="../../ext-3.2.1/adapter/ext/ext-base.js"></script>
  <script  src="../../ext-3.2.1/ext-all.js"></script>
  <script type="text/javascript" src="../../ext-3.2.1/src/locale/ext-lang-zh_CN.js"></script>   <script>
   Ext.onReady(function(){
   function renderSex(value){
if(value == 'male'){ return "<span style='color:red;font-weight:bold;'>男</span>";
}else{
return "<span style='color:green;font-weight:bold;'>女</span>";
}
   
   }   var cm = new Ext.grid.ColumnModel([//对列的描述
new Ext.grid.RowMumberer(),//自动生成行号
    { header: '编号',dateIndex:'id'},
    { header: '姓名',dateIndex:'name'},
    { header: '描述',dateIndex:'descn'},
{ header: '时间',dateIndex:'time'},
{ header: '性别',dateIndex:'sex',renderer:renderSex}
   ]); 
   var data=[//声明表格中的数据
   ['1','name1','descn1','1992-01-21 13:50:00','male'],
   ['2','name2','descn2','1996-02-31 08:52:00','female'],
   ['3','name3','descn3','1995-03-14 06:53:00','male'],
   ['4','name4','descn4','1994-04-15 03:54:00',''],
   ['5','name5','descn5','1993-05-16 04:57:00','male']
   ];   var store = new Ext.data.Store({
    proxy: new Ext.data.MemoryProxy(data),//表明数据是从内存中读取过来的
 // proxy: new Ext.data.ScriptTagProxy({url:'www.cstp.net.cn'}),//表明数据是从内存中读取过来的
    reader: new Ext.data.ArrayReader({},[//表明如何来读取这些数据，以数组方式进行读取，将数组中的数据与其列对应起来
   {name:'id'},
   {name:'name'},
   {name:'descn'},
   {name:'time',type:'date',dateFromat:'Y-m-d H:i:s'},
   {name:'sex'}
      ])
// sortInfo:{field:"name",direction:"DESC" }
   });   store.load();//加载数据
   
   var grid = new Ext.grid.GridPanel({
      autoHeight : true,
  enableColumnMove:false,//防止拖动
  enadbleColumnResize:false,//关闭列宽
  stripeRows:true,// 斑马线效果
  stripeRow:true,
  loadMask:true,//遮罩效果，就是数据连接时出现的一个等待
  renderTo: 'grid',//在指定的位置进行渲染 
  store: store,
  cm:cm,
  viewConfig:{
forceFit: true//自动展开/缩小列的宽度以适应grid的宽度
  }
   });  }
   
);   </script>
  </head>
   
  <body>
  <div id='grid'></div>  </body>
</html>

解决方案 »

  1.   

      var cm = new Ext.grid.ColumnModel([//对列的描述
    new Ext.grid.RowMumberer(),//自动生成行号
      { header: '编号',dateIndex:'id'},
    改成
      var cm = new Ext.grid.ColumnModel([//对列的描述
    new Ext.grid.RowNumberer(),//自动生成行号
      { header: '编号',dateIndex:'id'},
      

  2.   

    ...
    确实没试过。
    你还有别的错。
    var cm = new Ext.grid.ColumnModel([//对列的描述
    new Ext.grid.RowMumberer(),//自动生成行号
      { header: '编号',dateIndex:'id'},
      { header: '姓名',dateIndex:'name'},
      { header: '描述',dateIndex:'descn'},
    { header: '时间',dateIndex:'time'},
    { header: '性别',dateIndex:'sex',renderer:renderSex}
      ]);  
    改成
    var cm = new Ext.grid.ColumnModel([//对列的描述
    new Ext.grid.RowMumberer(),//自动生成行号
      { header: '编号',dataIndex:'id'},
      { header: '姓名',dataIndex:'name'},
      { header: '描述',dataIndex:'descn'},
    { header: '时间',dataIndex:'time'},
    { header: '性别',dataIndex:'sex',renderer:renderSex}
      ]);  
      

  3.   

    new Ext.grid.RowMumberer(),//自动生成行号
    改成
    new Ext.grid.RowNumberer(),//自动生成行号