extjs搜索json数据

extjs搜索json数据,第1张

可以的,需要注意的地方是直接访问誉橘老json文件是不行的,要将json文件伍键改成.js后缀。因为要引入到头文件中,

json文件改成js文件完全没有副作用,注意json文件本身的格式就是了。

下面是代码:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script src="../Scripts/EXTJS4.2/ext-all-debug.js"></script>

<link href="../Scripts/EXTJS4.2/resources/css/ext-all.css"庆升 rel="stylesheet" />

<script src="Data.js"></script>

<script>

Ext.onReady(function () {

var store = new Ext.data.JsonStore({

storeId : 'mystore',

fields: [{ name: 'name', type: 'string' }, { name: 'id', type: 'long' }],

proxy: {

type: 'ajax',

url: 'Data.js',

teader: {

type:'json'

}

}

})

store.load()

Ext.create('Ext.grid.GridPanel', {

title: 'JsonData',

store:store,

hight: 300,

width:300,

columns: [

{ text: 'Name', dataIndex: 'name' },

{ text: 'ID', dataIndex: 'id' }

],

renderTo: Ext.getBody()

})

})

</script>

</head>

<body>

</body>

</html>

Data.js里的内容是:

[

{ "name": "join", "id": "901106" },

{ "name": "doit", "id": "1201126" },

{ "name": "deff", "id": "1241111" },

{ "name": "fingt", "id": "1232121" }

]

我一般把传的json弄成这种格式 {"total":3,"data":[{"sheet":"Sheet1"悄蚂厅},{"sheet":"Sheet2"},{"sheet":"Sheet3"}]}

然后js页启隐面中用jsonstore

var store= new Ext.data.JsonStore({

url : 'data.jsp',

method : 'post',

root : 'data',

totalProperty : "total",

fields : ['sheet'],

listeners : {

}

})

store.load()

如果想物旁获取store的sheet,就用store.getAt('0').get('sheet')


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12279114.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存