2012-03-04 2 views
1

하루 종일 길을 잃었고 데이터 뷰에서 특정 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(); 
    } 
    }); 

그리고에게 것은 DataView를 구성 요소의 스타일은하지 않는 것

<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

답변

0

는 EXT-모든 debug.css에 포함되는 HTML을합니다.

data-view.css을 포함 시키려고하면 참조한 DataView 요소의 스타일이 포함됩니다.