1
我想運行treegrid的例子，但它只給了我沒有數據的網格！treegrid示例不起作用
這是我的Default.aspx：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My tree grid</title>
<!-- Ext -->
<link rel="stylesheet" type="text/css" href="ExtJs4/resources/css/ext-all.css" />
<script type="text/javascript" src="ExtJs4/bootstrap.js"></script>
<script type="text/javascript" src="ExtJs4/ext-all.js"></script>
<!-- example code -->
<script type="text/javascript" src="Scripts/treepanel.js"></script>
</head>
<body>
<h1>My tree grid</h1>
<div id="tree-div"> </div>
這是我treepanel.js
Ext.Loader.setConfig({ enabled: true }); //
Ext.Loader.setPath('Ext.ux', '../ux');
Ext.require([
'Ext.tip.QuickTipManager',
'Ext.container.Viewport',
'Ext.layout.*',
'Ext.form.Panel',
'Ext.form.Label',
'Ext.grid.*',
'Ext.data.*',
'Ext.tree.*',
'Ext.selection.*',
'Ext.tab.Panel'
]);
Ext.onReady(function()
{
Ext.define('Task', {
extend: 'Ext.data.Model',
fields: [
{name: 'task', type: 'string'},
{name: 'user', type: 'string'},
{name: 'duration', type: 'string'}
]
});
var store = Ext.create('Ext.data.TreeStore', {
model: 'Task',
proxy: {
type: 'ajax',
url: 'treegrid.json'////
},
folderSort: true
});
//Ext.ux.tree.TreeGrid is no longer a Ux. You can simply use a tree.TreePanel
var tree = Ext.create('Ext.tree.Panel', {
title: 'Core Team Projects',
width: 500,
height: 300,
renderTo: 'tree-div',
rootVisible:true,
store: store,
autoload:true,
columns: [{xtype: 'treecolumn', text: 'Task', dataIndex: 'task' },{text: 'Assigned To', dataIndex: 'user'}]
});
});
我在這裏幹什麼什麼了嗎？ 我從我的螢火蟲沒有錯誤味精...那麼爲什麼它不工作？
如果我不能運行一個例子，我該怎麼做更多..我對此感到沮喪。
你的treegrid.json是什麼樣的？ – Chewpers 2011-05-24 21:07:28
與示例中的相同：http://dev.sencha.com/deploy/ext-4.0.1/examples/tree/treegrid.html – Armance 2011-05-25 08:52:18
{「text」：「。」，「children」：[ { 任務： '項目：購物'， 時間：13.25， 用戶： '湯米Maintz'， iconCls： '任務文件夾'， 擴張：真實， 孩子：[{ 任務： '家庭用品'， 時間： 1.25， 用戶： '托米Maintz'， iconCls： '任務文件夾'， 小孩：[{ 任務： '廚房用品'， 持續時間：0.25， 用戶： '托米Maintz'， 葉：真， iconCls：'任務' }，{ ..... – Armance 2011-05-25 08:53:08