如何在 DHMTLxTouch 的组合框中动态添加项目答案

【问题标题】：How to dynamically add items in combobox in DHMTLxTouch如何在 DHMTLxTouch 的组合框中动态添加项目
【发布时间】：2012-01-15 00:13:00
【问题描述】：

我正在使用 DHTMLx touch 开发移动 WebApp。

我已经使用 DHTMLx Touch 创建了组合控件。

我需要为这个控件动态添加项目。

有一些示例解释了如何使用 JSON 或 XML 填充控件。

但我需要在运行时填充。

除了从 JSON/XML 加载之外，我愿意接受其他方法

提前致谢。

【问题讨论】：

标签： javascript frameworks mobile-application dhtmlx

【解决方案1】：

我找不到正确的解决方案。

一个 Tweak 解决方案是使用模板并创建一个 HTML 组合框

<head>
<script type="text/javascript">
function drawCombobox()
{
  document.getElementByID("comboZone").innerHTML = '<select class= "combostyle"><options...></select>
}
</script>
</head>
<body>
<script>
...
<view:'template',template:'<div id="comboZone"></div>'
</script

【讨论】：

【解决方案2】：

我知道这是一个老问题，但我很难找到合适的解决方案（即使是现在）。我发布这个以防其他人感兴趣。

好的，所以要动态填充 DHTMLX Touch Combobox，只需在组合框定义中包含“datatype”和“url”属性。注意：这些属性似乎没有包含在官方 DHTMLX Touch 文档中。

您的组合框定义应如下所示：

{ view: 'combobox', label: 'Your Label:', id: 'Your ID', datatype: 'json', url: 'YourSourceFile.php' }

并且你的源文件应该输出一个有效的json格式，包括一个值和一个id，例如：

[
    { "value":"My first value", "id":"1" },
    { "value":"My second value", "id":"2" },
    { "value":"My third value", "id":"3" }
]

就是这样！

【讨论】：