1
我整天都在迷失方向,無論我做什麼dataview都沒有看到特定的CSS, 我使用extjs一段時間以來,我可以使用每個組件,但這是快把我逼瘋了這裏的景色在MVC體系結構中使用Dataview的CSS問題Extjs 4
Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux.DataView', '../ux/DataView/');
Ext.require([
'Ext.data.*',
'Ext.util.*',
'Ext.view.View',
'Ext.ux.DataView.Animated',
'Ext.XTemplate',
'Ext.panel.Panel',
'Ext.toolbar.*',
'Ext.slider.Multi',
'Pandora.store.Product'
]);
Ext.define('Pandora.view.ProvaShowProdotti', {
extend: 'Ext.panel.Panel',
alias: 'widget.provaShowProdotti',
frame: true,
title: 'Liste des agents',
initComponent: function(){
this.items =[{
xtype: 'dataview',
store: 'Product',
cls: 'thumb',
style: 'border:1px solid #99BBE8; border-top-width: 0',
deferInitialRefresh: false,
itemSelector: 'div.thumb-wrap',
tpl : Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="thumb-wrap" id="{name}">',
'<div class="thumb"><img src="http://localhost:8080/WebProjectTemplate/js/images/prova.jpg" title="{name}"></div>',
'<span class="x-editable">{shortName}</span></div>',
'</tpl>'
), plugins : [
Ext.create('Ext.ux.DataView.Animated', {
duration : 550,
idProperty: 'productId'
})
]
}]
this.callParent();
}
});
這裏是HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title id="page-title">Pandora</title>
<link rel="stylesheet" type="text/css" href="ext-all-debug.css">
<link rel="stylesheet" type="text/css" href="../../example.css" />
<script type="text/javascript" src="../bootstrap.js"></script>
<script type="text/javascript" src="PropertyReader.js"></script>
<script type="text/javascript" src="Bundle.js"></script>
<script type="text/javascript" src="app/app.js"></script>
</head>
<body>
</body>
</html>
我有點迷失在這裏。哪個CSS屬性沒有顯示?您的HTML頁面中的哪個文件加載了未顯示的CSS規則? – dbrin 2012-03-05 21:14:09