Question

不幸的是，我甚至无法使用EasyUI组合框的最基本功能。我正在尝试从PHP / MySQL查询中填充组合框选项。查询正在触发并返回JSON数据对象，但我无法将数据显示在组合框中。下一步将基于组合框选择拉出其余的DB内容，但我甚至可以在此时填充组合框。

这是PHP脚本返回的JSON数据。

{"temps":[{"temp_key":"1","temp_name":"Sorry we missed you"},{"temp_key":"2","temp_name":"Our conversation"}]}

现在，这是创建组合框的页面的HTML部分。

<div>
            <label for="email_temp">Please select e-mail template:</label>
            <input id="template" class="easyui-combobox" name="email_temp" 
                    data-options="valueField:'temps.temp_key',textField:'temps.temp_content',url:'get_templates.php'">
            </div>

我尝试使用带有和不带有JSON数据对象的“temps”部分的valueField和textField选项。我在这里缺少什么？

Answer 1

我认为您的问题出在您的JSON中。

在Combo Box演示中，它直接返回了一个数组：

[{"id":1,"text":"Java","desc":"Write once, run anywhere"},{"id":2,"text":"C#","desc":"One of the programming languages designed for the Common Language Infrastructure"},{"id":3,"text":"Ruby","selected":true,"desc":"A dynamic, reflective, general-purpose object-oriented programming language"},{"id":4,"text":"Perl","desc":"A high-level, general-purpose, interpreted, dynamic programming language"},{"id":5,"text":"Basic","desc":"A family of general-purpose, high-level programming languages"}]

因此，如果你让你的只返回数组，它应该工作：

[{"temp_key":"1","temp_name":"Sorry we missed you"},{"temp_key":"2","temp_name":"Our conversation"}]

Answer 2

您返回组合框的格式数据不正确，组合框需要数据

＆＃13;

[{
  id:1,
  name:'Jime'
},
{
  id:2,
  name:'Mark'
}]

＆＃13;

另一个jQuery EasyUI Combobox

2 个答案: