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

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

Answer 1

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