extJs中数据显示问题
时间:2011-04-07
来源:互联网
             employee.js(代码如下):
———————————————————————————————————————————————————————
Ext.onReady(function() {
// 创建Jsonstore
var vstore = new Ext.data.JsonStore({
autoDestroy : true,
url : "employeeData.js",
root : "result",
idProperty : "id",
fields : ["id", "name", "password", "email","bornDate", "intro"]
});
// 创建grid表格
var grid = new Ext.grid.GridPanel({
title : "雇员信息列表",
store : vstore,
columns : [{
header : "ID",
dataIndex : "id",
width : 60
//sortable:true
}, {
header : "姓名",
dataIndex : "name",
width : 150
//sortable : true
}, {
header : "密码",
dataIndex : "password",
width : 150
//sortable : true
}, {
header : "邮箱",
dataIndex : "email",
width : 200
//sortable : true
}, {
header : "生日",
dataIndex : "bornDate",
width : 150
//sortable : true
}, {
header : "简介",
dataIndex : "intro",
width : 300
//sortable : true
}]
});
vstore.load();
//渲染到页面
new Ext.Viewport({layout : "fit",items :grid});
});
employeeData.js(代码如下):
———————————————————————————————————————————————————————
{
result : [{
id : "1",
name : "张三",
password : "zs123",
bornDate : new date(),
email : "[email protected]",
intro : "张三是个好男儿"
}, {
id : "2",
name : "李四",
password : "ls123",
bornDate : new date(),
email : "[email protected]",
intro : "李四不如张三"
}]
}
出现的问题是employeeData.js中json格式的数据无法在页面显示,请各位ext熟悉的帮忙指点。
            ———————————————————————————————————————————————————————
Ext.onReady(function() {
// 创建Jsonstore
var vstore = new Ext.data.JsonStore({
autoDestroy : true,
url : "employeeData.js",
root : "result",
idProperty : "id",
fields : ["id", "name", "password", "email","bornDate", "intro"]
});
// 创建grid表格
var grid = new Ext.grid.GridPanel({
title : "雇员信息列表",
store : vstore,
columns : [{
header : "ID",
dataIndex : "id",
width : 60
//sortable:true
}, {
header : "姓名",
dataIndex : "name",
width : 150
//sortable : true
}, {
header : "密码",
dataIndex : "password",
width : 150
//sortable : true
}, {
header : "邮箱",
dataIndex : "email",
width : 200
//sortable : true
}, {
header : "生日",
dataIndex : "bornDate",
width : 150
//sortable : true
}, {
header : "简介",
dataIndex : "intro",
width : 300
//sortable : true
}]
});
vstore.load();
//渲染到页面
new Ext.Viewport({layout : "fit",items :grid});
});
employeeData.js(代码如下):
———————————————————————————————————————————————————————
{
result : [{
id : "1",
name : "张三",
password : "zs123",
bornDate : new date(),
email : "[email protected]",
intro : "张三是个好男儿"
}, {
id : "2",
name : "李四",
password : "ls123",
bornDate : new date(),
email : "[email protected]",
intro : "李四不如张三"
}]
}
出现的问题是employeeData.js中json格式的数据无法在页面显示,请各位ext熟悉的帮忙指点。
作者: jlchen88 发布时间: 2011-04-07
             你试试url指向一个.aspx的文件。这个应该行            
            作者: fanrch 发布时间: 2011-04-07
 相关阅读 更多  
      
    热门阅读
-   office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具 office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具阅读:74 
-   如何安装mysql8.0 如何安装mysql8.0阅读:31 
-   Word快速设置标题样式步骤详解 Word快速设置标题样式步骤详解阅读:28 
-   20+道必知必会的Vue面试题(附答案解析) 20+道必知必会的Vue面试题(附答案解析)阅读:37 
-   HTML如何制作表单 HTML如何制作表单阅读:22 
-   百词斩可以改天数吗?当然可以,4个步骤轻松修改天数! 百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!阅读:31 
-   ET文件格式和XLS格式文件之间如何转化? ET文件格式和XLS格式文件之间如何转化?阅读:24 
-   react和vue的区别及优缺点是什么 react和vue的区别及优缺点是什么阅读:121 
-   支付宝人脸识别如何关闭? 支付宝人脸识别如何关闭?阅读:21 
-   腾讯微云怎么修改照片或视频备份路径? 腾讯微云怎么修改照片或视频备份路径?阅读:28 















