【问题标题】:Populate Kendo DropDownList with array from selected value使用选定值中的数组填充 Kendo DropDownList
【发布时间】:2013-10-30 05:14:29
【问题描述】:

使用 javascript 我想根据 DDL2 的选定值使用来自 REST JSON 端点的某些数据填充下拉列表 (DDL2)。

这个 DDL2 选择的值是由之前的 DDL1 选择触发的(我有这部分工作)。例如,如果 DDL1 选择的值为“Town”,则 DDL2 的选择值为:“SELECT towninfo FROM towns ORDER BY towninfo”。目前,这是一个 SQL 查询。我可以选择用逗号分隔的城镇数组(RALEIGH、CHARLOTTE、ASHEVILLE...)替换它,或者我可以用 JSON 字符串替换它。我愿意接受这方面的建议。

我想要做的是用选定的数组填充 DDL2。因此,当我在 DDL1 中选择“城镇”时,DDL2 会填充城镇列表。谢谢!

【问题讨论】:

  • 您真的要根据自己的选择填充相同的下拉列表(DDL2)吗?我认为第 1 段是这么说的。
  • @binbsr 是的。或者,当 DDL1 选择了需要填充 DDL2 的值之一(并显示。默认情况下,隐藏 DDL2 并显示文本框)时,如果有一种更简单的方法来显示下拉列表。 DDL1 具有如下 JSON 结构: ` [{"COLUMN_NAME":"Town","DATA_TYPE":"varchar","OPERAND":"=","DATATYPE":"TEXT","DOMAINQUERY":"SELECT towninfo FROM towns ORDER BY towninfo","CATEGORY":"Location"},{"COLUMN_NAME":"City","DATA_TYPE":"varchar","OPERAND":"=","DATATYPE":"TEXT"," DOMAINQUERY":null,"CATEGORY":"Customer"},...] ` 您注意到第二条记录中的“DOMAINQUERY”字段为空。
  • 用自己的选择填充下拉列表并不是一个困难的部分。您能否提供一些代码如何将此 json(结构看起来不错)绑定到 DDL1。您使用的是服务器包装器 (C#) 还是 GPL 版本?
  • 我正在使用 KendoUI 数据源绑定到 C# REST 服务器对象扩展端点。我的意图是保持“城镇”数组/列表动态。因此,我的流程必须从 SQL 数据库的查询开始,要么将数组推送到 DOMAINQUERY 字段中,要么以其他方式公开。其中一个建议是在 DOMAINQUERY 字段中以逗号分隔的形式显示城镇。对于另外三个查询,我必须这样做。谢谢!

标签: javascript arrays json rest kendo-ui


【解决方案1】:

如果您的意思很简单,例如根据第一个选择填充第二个下拉列表,这里有一个快速而肮脏的示例...

http://jsbin.com/AHOpAJA/1/edit

如果您想要一些更复杂的东西,这里有另一个使用三个下拉菜单,它们都从服务绑定。 http://jsbin.com/ihodoc/3/edit

【讨论】:

  • 第二个下拉列表已经根据第一个下拉选择进行填充。我正在尝试用上面提到的@binbsr 的“自己的选择”填充第二个。我对如何根据 DDL1 的选择以编程方式即时创建下拉列表持开放态度......
猜你喜欢
  • 2023-03-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-03
  • 2014-10-05
  • 1970-01-01
相关资源
最近更新 更多