Question

我需要创建一个comboBox，但我的ComboBox没有显示我做的任何事情

这里是JSFiddle - ＆gt; http://jsfiddle.net/K5bmM/

我希望有人可以帮我一把:(谢谢

            layerName = new Ext.form.TextField({
            name: "layer-edit",
            emptyText: "(名称)",
            allowBlank: false
        });
        layerName.render('layer-edit');


        var storeData = [
            ['2', 'ログインユーザ専用']
        ]



        var comboEdit = new Ext.form.comboBox) {
            store: EditauthStore,
            editable: false,
            emptyText: "(種類)",
            displayField: "value",
            valueField: "key",
            mode: "local",
            triggerAction: "all",
            forceSelection: true
        });

        comboEdit.render('authority');
        comboEdit.setValue('2');

        EditauthStore = new Ext.data.SimpleStore({
            fields: ['key', 'value'],
            data: storeData
        });

Answer 1

试试这个

   $(function() {
var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];
$( "#tags" ).autocomplete({
  source: availableTags
 });
});

Html代码

使用jquery css和js

演示http://jsbin.com/jetoq/1/edit

Answer 2

您的代码存在一些问题

您正在尝试使用ExtJS类，但您的Fiddle并未指向任何库
您正在尝试在定义变量之前使用变量
您正尝试使用错误的方法呈现ExtJS小部件

enter image description here

还不清楚你在ComboBox之前创建的文本字段小部件的用途是什么（它与你的问题有关吗？）也不清楚为什么要在HTML代码上创建输入标记然后尝试将其他小部件设置为它的子节点（输入标签不允许内部元素）。

Here'您的代码的工作版本，我删除了文本小部件，因为似乎没有与您的问题相关的任何内容，您可以看到下面的代码，但考虑到您将需要首先加载ExtJS库并为其设置有效的css样式才能看到它正常工作。

        var storeData = [
            ['2', 'ログインユーザ専用']
        ];

        var EditauthStore = new Ext.data.SimpleStore({
            fields: ['key', 'value'],
            data: storeData
        });

        var comboEdit = new Ext.form.ComboBox({
            store: EditauthStore,
            editable: false,
            emptyText: "(種類)",
            displayField: "value",
            valueField: "key",
            mode: "local",
            triggerAction: "all",
            forceSelection: true,
            renderTo: Ext.getBody()
        });

        comboEdit.setValue('2');

TextBox ComboBox使用Javascript

2 个答案: