ExtJS ComboBox 不会显示项目

发布于 2024-12-01 20:11:59 字数 1457 浏览 1 评论 0原文

我运行此代码，下拉菜单不会下拉——没有显示任何项目。

查看调试器，我发现商店没有商品。

当我注释掉“url”并取消注释“data”（其中包含 .cfm 页面生成的确切 json 字符串）时，下拉列表将按预期工作。

有人知道这是怎么回事吗？

<html>
<head>
   <link rel="stylesheet" type="text/css" href="ext-3.1.0/resources/css/ext-all.css" />
   <script src="ext-3.1.0/adapter/ext/ext-base.js"></script>
   <script src="ext-3.1.0/ext-all-debug.js"></script>
   <script>
      if (Ext.BLANK_IMAGE_URL.substr(0,5) != 'data:')
      {
         Ext.BLANK_IMAGE_URL = 'ext-3.1.0/resources/images/default/s.gif';
      }
      Ext.onReady(function()
      {
         var testStore = new Ext.data.JsonStore({
            url: 'combotest.cfm',
            //data: {"ROWS":[{"NAME":"one"},{"NAME":"two"},{"NAME":"three"}]},
            root: 'ROWS',
            fields: ['NAME'],
            autoLoad: true
         });

         var test_form = new Ext.FormPanel(
         {
            renderTo: Ext.getBody(),
            frame: true,
            title: 'Form',
            width: 500,
            items: [
            {
               xtype: 'combo',
               fieldLabel: 'Combo Box',
               triggerAction: 'all',
               mode: 'local',
               store: testStore,
               displayField: 'NAME',
               width: 350
            }
            ]
         });
      });
   </script>
</head>
<body>
</body>
</html>

原文

I run this code and the dropdown won't drop down -- no items get displayed.

Looking in the debugger I see that the store has no items.

When I comment out the 'url' and uncomment 'data' (which contains the exact json string produced by the .cfm page) the dropdown works as expected.

Anyone know what's going on here?

<html>
<head>
   <link rel="stylesheet" type="text/css" href="ext-3.1.0/resources/css/ext-all.css" />
   <script src="ext-3.1.0/adapter/ext/ext-base.js"></script>
   <script src="ext-3.1.0/ext-all-debug.js"></script>
   <script>
      if (Ext.BLANK_IMAGE_URL.substr(0,5) != 'data:')
      {
         Ext.BLANK_IMAGE_URL = 'ext-3.1.0/resources/images/default/s.gif';
      }
      Ext.onReady(function()
      {
         var testStore = new Ext.data.JsonStore({
            url: 'combotest.cfm',
            //data: {"ROWS":[{"NAME":"one"},{"NAME":"two"},{"NAME":"three"}]},
            root: 'ROWS',
            fields: ['NAME'],
            autoLoad: true
         });

         var test_form = new Ext.FormPanel(
         {
            renderTo: Ext.getBody(),
            frame: true,
            title: 'Form',
            width: 500,
            items: [
            {
               xtype: 'combo',
               fieldLabel: 'Combo Box',
               triggerAction: 'all',
               mode: 'local',
               store: testStore,
               displayField: 'NAME',
               width: 350
            }
            ]
         });
      });
   </script>
</head>
<body>
</body>
</html>

分享到QQ

分享到微博