ExtJS 간단한 gridpanel
{
"users": [{
"firstName": 'xu',
"lastName":'yawen',
"age": 24,
"eyeColor": 'black'
},{
"firstName": 'zhang',
"lastName":'wei',
"age": 24,
"eyeColor": 'black'
},{
"firstName": 'zhang',
"lastName":'yu',
"age": 26,
"eyeColor": 'black'
}]
}<!DOCTYPE html>
<html>
<head>
<title>store</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css">
<script type="text/javascript" src="ext-4.2.1/ext-all-dev.js"></script>
<script type="text/javascript">
Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'firstName', type: 'string'},
{name: 'lastName', type: 'string'},
{name: 'age', type: 'int'},
{name: 'eyeColor', type: 'string'}
]
});
var myStore = Ext.create('Ext.data.Store', {
model: 'User',
proxy: {
type: 'ajax',
url: 'users.json',
reader: {
type: 'json',
root: 'users'
}
},
autoLoad: true
});
Ext.onReady(function(){
Ext.create('Ext.grid.Panel', {
title:'Simple grid',
store: myStore,
columns: [
{text: 'firstName', dataIndex:'firstName'},
{text: 'lastName', dataIndex: 'lastName', flex:1},
{text: 'age', dataIndex: 'age'},
{text:'eyeColor',dataIndex: 'eyeColor'}
],
height: 200,
width: 400,
renderTo: Ext.getBody()
})
});
</script>
</head>
<body>
</body>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
