EXTJS自动生成行号异常求高手帮忙看下。
日期：2014-05-16 浏览次数：20363 次
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>
------解决方案--------------------
...
确实没试过。
你还有别的错。
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}
]);
<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>
------解决方案--------------------
...
确实没试过。
你还有别的错。
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}
]);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
