javascript - Extjs 组合框帮助

标签 javascript html jsp combobox extjs

我正在尝试使用 Ext Js 定义一个下拉组合框,它将显示我保存在数组中的“假期”。请纠正我可能出错的地方,因为 JSP 不会显示组合框下拉菜单。

  ...
  <body>
  <div class="left " style="color:#333333;padding-bottom:8px;padding-left:13px;width:99%;" id="Holiday">        

  <span class="formastrickmargin"><strong></strong></span>
  </div>
  <div id="Holiday" class="left " style="padding-bottom:6px;padding-left:15px;width:99%;">

  </div>
   </body>

  <script type="text/javascript">   
  var availableTags = ["New years Day", "Martin Luther King Day", "Groundhog Day", "Valentine's Day", "Washington's Birthday", 
                 "Easter", "Earth Day", "National Arbor Day", "Mother's Day", "Memorial Day", "Flag Day", "Father's Day", 
                 "Independence Day", "Labor Day", "Columbus Day", "Halloween", "Veterans Day", "Thanksgiving Day"];
   var combo1;
   var defaultDDText = 'Enter the Site Id here, or select from dropdown.';
   var Holidaystore = new Ext.data.ArrayStore({
         root: 'availableTags',
         autoLoad:true,
         fields: ['availableTags'],
         data: availableTags
        });


   Ext.onReady(function(){
   Ext.QuickTips.init();
   function initializeHoliday(){

    combo1 = new Ext.form.ComboBox({ 
            id:'Holiday',
            typeAhead: true,  
            triggerAction: 'all',
            emptyText: defaultDDText,
            store:Holidaystore,
            selectOnFocus:true,
            width:408,
            listWidth: '410',               
            mode: 'local',
            minChars : '3',
            renderTo:'Holiday',
            displayField: 'availableTags',

}); }
initializeHoliday();  
});

 </script>

最佳答案

我将从移除 root 开始:或者

var availableTags = { 
  data : ["New years Day", "Martin Luther King Day", "Groundhog Day", 
          "Valentine's Day", "Washington's Birthday", "Easter", "Earth Day", 
          "National Arbor Day", "Mother's Day", "Memorial Day", "Flag Day", 
          "Father's Day", "Independence Day", "Labor Day", "Columbus Day", 
          "Halloween", "Veterans Day", "Thanksgiving Day"]
}; 

下一个根:data

关于javascript - Extjs 组合框帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4733225/

相关文章:

c# - 命名空间 'Optimization' 中不存在类型或命名空间名称 'System.Web'

java - Java 服务器页面中的 Sqlite JDBC

javascript - 如何关闭我的 openCentredWindow?

javascript - 如何创建由窗口滚动控制的颜色过渡

php - 指定页面的某些部分被解释为纯文本

javascript - 通过移动和调整其中一张图像的大小来组合两张图像中的 2 个点

javascript - 从日期选择器中选择日期后如何调用函数?

java - jsp java内联函数调用退出javascript

javascript - 如何将事件数据和 id 传递给 javascript 函数

javascript - 我可以使用 d3.js 显示 GraphViz 生成的点或 xdot 布局文件吗?