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

时间：2020-12-20 10:35:40

<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>

5 个解决方案

#1

自己顶下。。。

#2

  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'},

#3

这个改过来还是错了报11行那有错帮忙看下把谢谢

#4

...
确实没试过。
你还有别的错。
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}
  ]);  

#5

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

#1

自己顶下。。。

#2

  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'},

#3

这个改过来还是错了报11行那有错帮忙看下把谢谢

#4

...
确实没试过。
你还有别的错。
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}
  ]);  

#5

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

相关文章