jsfiddle无法显示EXTJS 4的正确GUI

Question

var loginForm = new Ext.form.FormPanel({
           frame: true,
           border: false,
           labelWidth: 75,
           items: [{
             xtype: 'textfield',
             width: 190,
             id: 'username',
             fieldLabel: 'User name'
           },{
             xtype: 'textfield',
             width: 190,
             id: 'password',
             fieldLabel: 'Password',
             inputType: 'password',
             submitValue: false
           },{
             xtype: 'hidden',
             id: 'challenge',
             value: "<?php echo $challenge; ?>",
             submitValue: false
           }]
         });

         var loginWindow = new Ext.Window({
           title: 'Login',
           layout: 'fit',
           closable: false,
           resizable: false,
           draggable: false,
           border: false,
           height: 125,
           width: 300,
           items: [loginForm]
         });
         loginWindow.show();

为什么我的登录表单无法在http://jsfiddle.net/WM9DD/83/显示正确的GUI？

Answer 1

您忘记在托管资源或html部分中包含CSS文件： 我为你更新了小提琴：http://jsfiddle.net/dbrin/WM9DD/84/