如何绑定到JSON并填充Kendo DropDownList

时间:2013-11-13 19:46:24

标签: javascript json rest kendo-ui kendo-dropdown

我在使用以下JSON返回有效数据时遇到问题。当我绑定我回来时,未定义'可能是由于格式。我需要将两个DDL绑定到以下数据。一个绑定到StreetsInTown,另一个绑定到StreetNumsOnStreet:

{
    "StreetsInTown": "[{\"Street\":\"AARON RD\"},{\"Street\":\"ACCESS RD\"},,{\"Street\":\"WILSON ST\"},{\"Street\":\"WINDSOR ST\"},{\"Street\":\"WOOD TER\"},{\"Street\":\"WOODLAND AVE\"},{\"Street\":\"ZOLAN DR\"}]",
    "StreetNumsOnStreet": "[{\"Street_Num\":\"18\"},{\"Street_Num\":\"19\"},{\"Street_Num\":\"26\"},{\"Street_Num\":\"27\"},{\"Street_Num\":\"32\"},{\"Street_Num\":\"39\"},{\"Street_Num\":\"43\"},{\"Street_Num\":\"44\"},{\"Street_Num\":\"55\"},{\"Street_Num\":\"66\"}]"
}

工作流程:

  1. 用户选择了Town with DDL1,结果创建了" StreetsInTown"字符串。
  2. 使用" StreetsInTown"填充DDL2字符串。
  3. 使用DDL2选择街道,结果创建" StreetNumsOnStreet"字符串。
  4. 使用" StreetNumsOnStreet"填充DDL3;字符串。
  5. 我可以控制JSON的创建。因此,如果建议更好的格式,我可以调整REST端点。 Fyi,我使用的是javascript,没有模型。提前谢谢!

1 个答案:

答案 0 :(得分:0)

您是否可以使用数据库中的主键来识别街道和街道号码?我有一些通过ajax级联的下拉菜单。我序列化了一个C#IEnumerable,数据又回来了:

  

[{ “已选择”:假, “文本”:“麦克   达乌尔 “ ”值“: ”4347“},{ ”选择“:假的, ”文“:” 肖恩   凯利”, “值”: “4348”}]

Value是来自数据库的PK,Text是我想在下拉列表中显示的名称。

Kendo允许您指定绑定的属性。就我而言,我告诉它“文本”是文本而“值”是值。

如果您没有/需要PK,请尝试将两者都设置为相同的属性。 {text =“AARON RD”}和剑道中的dataTextField:“text”,dataValueField:“text”。