jsfiddle can't show the proper GUI of EXTJS 4

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();

how come my login form can't show the proper GUI on here http://jsfiddle.net/WM9DD/83/ ?

Answer 1

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