2012-03-04 53 views
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> 
+1

我有點迷失在這裏。哪個CSS屬性沒有顯示?您的HTML頁面中的哪個文件加載了未顯示的CSS規則? – dbrin 2012-03-05 21:14:09

回答

0

的數據視圖組件的造型似乎並沒有被包含在EXT-全debug.css。

嘗試包含data-view.css,它包含您引用的DataView元素的樣式。