关于extjs4.0 gridpannel不能显示求解决方法
Ext.onReady(function(){//Ext.Msg.alert("null",'find');vard=newExt.grid.GridPanel({ren...
Ext.onReady(function(){
//Ext.Msg.alert("null",'find');
var d= new Ext.grid.GridPanel({
renderTo:Ext.getBody(),
id:'grid',
width:400,
height:400,
colModel:new Ext.grid.ColumnModel([{
header:"a"
},{
header:"b"
},{
header:"c"
}]),
store:new Ext.data.JsonStore({
data:[{name:"sss",age:"23",sex:"55"},
{name:"dsadsa",age:"23",sex:"55"}],
fields:["name","age","sex"]
})
});
}); 展开
//Ext.Msg.alert("null",'find');
var d= new Ext.grid.GridPanel({
renderTo:Ext.getBody(),
id:'grid',
width:400,
height:400,
colModel:new Ext.grid.ColumnModel([{
header:"a"
},{
header:"b"
},{
header:"c"
}]),
store:new Ext.data.JsonStore({
data:[{name:"sss",age:"23",sex:"55"},
{name:"dsadsa",age:"23",sex:"55"}],
fields:["name","age","sex"]
})
});
}); 展开
1个回答
展开全部
Model没有数据格式?
Ext.onReady(function () {
Ext.define('Task', {
extend: "Ext.data.Model",
fields: [{
name: "USER_CODE",
type: "string"
}, {
name: "UESR_NAME",
type: "string"
}, {
name: "USER_CLASS_NAME",
type: "string"
}, {
name: "FLAG_INVALID",
type: "string"
}],
proxy: new Ext.data.HttpProxy({
type: 'get',
url: '/api/Main/Getdtgo/',
reader: {
type: 'json',
root: 'json'
}
})
});
Ext.create("Ext.data.Store", {
model: 'Task',
storeId: 's_user',
autoLoad: true
});
var grid = Ext.create("Ext.grid.Panel", {
title: '<font size=3>用户信息</font>',
frame: true,
width: 600,
height: 280,
columns: [
{ text: "用户编码", dataIndex: 'USER_CODE', width: 100 },
{ text: "姓名", dataIndex: 'UESR_NAME', width: 100 },
{ text: "权限", dataIndex: 'USER_CLASS_NAME', width: 100 },
{ text: "是否作废", dataIndex: 'FLAG_INVALID', width: 100 }],
store: Ext.data.StoreManager.lookup('s_user'),
renderTo: 'grid',
model: 'Task',
});
})
你可以比照这个适当修改,我这个是后台返回JSON的,你的URL什么的自己写,应该没问题吧
Ext.onReady(function () {
Ext.define('Task', {
extend: "Ext.data.Model",
fields: [{
name: "USER_CODE",
type: "string"
}, {
name: "UESR_NAME",
type: "string"
}, {
name: "USER_CLASS_NAME",
type: "string"
}, {
name: "FLAG_INVALID",
type: "string"
}],
proxy: new Ext.data.HttpProxy({
type: 'get',
url: '/api/Main/Getdtgo/',
reader: {
type: 'json',
root: 'json'
}
})
});
Ext.create("Ext.data.Store", {
model: 'Task',
storeId: 's_user',
autoLoad: true
});
var grid = Ext.create("Ext.grid.Panel", {
title: '<font size=3>用户信息</font>',
frame: true,
width: 600,
height: 280,
columns: [
{ text: "用户编码", dataIndex: 'USER_CODE', width: 100 },
{ text: "姓名", dataIndex: 'UESR_NAME', width: 100 },
{ text: "权限", dataIndex: 'USER_CLASS_NAME', width: 100 },
{ text: "是否作废", dataIndex: 'FLAG_INVALID', width: 100 }],
store: Ext.data.StoreManager.lookup('s_user'),
renderTo: 'grid',
model: 'Task',
});
})
你可以比照这个适当修改,我这个是后台返回JSON的,你的URL什么的自己写,应该没问题吧
追问
3Q
微测检测5.10
2023-05-10 广告
2023-05-10 广告
您好!建议咨 深圳市微测检测有限公司,已建立起十余个专业实验室,企业通过微测检测就可以获得一站式的测试与认 证解决方案;(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量),认证遇...
点击进入详情页
本回答由微测检测5.10提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询