mvvm-knockout级联绑定下拉框问题

问题描述

knockout级联绑定下拉框问题

网页中,如何利用Knockout.js把如下结构的json绑定到两个下拉框中,显示是CategoryName,value是CategoryId,父级变,子级下拉框跟着变,请大侠直接告诉我解决方案好吗?

 [
  {
    "ParentCategory": {
      "CategoryId": "a70b2eb0-483e-4bb7-a3da-4d80ab48d94f",
      "CategoryName": "类别A",

    },
    "SubCategoryList": [
      {
        "CategoryId": "2f8b3dbb-62c3-4955-8f4c-432d858164a0",
        "CategoryName": "A子类1",

      },
      {
        "CategoryId": "a94064c9-6176-4f22-8564-c59505f7b431",
        "CategoryName": "A子类2",

      },
      {
        "CategoryId": "b4b0b176-57a1-4f6c-9758-254eb3a30171",
        "CategoryName": "A子类3",

      }
    ]
  },
  {
    "ParentCategory": {
      "CategoryId": "05163221-d053-4469-86e2-5725fc00d759",
      "CategoryName": "类别B",

    },
    "SubCategoryList": [

    ]
  }
]
时间: 2025-01-29 07:34:22

mvvm-knockout级联绑定下拉框问题的相关文章

使用CascadingDropDown实现级联式下拉框

引言 级联式下拉框,有时也叫联动下拉框,也是Web页面中一个很常见的功能.就是假设有若干个下拉框, 比如说有3个,分别显示 省份.城市.街道,当选择某一省份后,城市下拉框仅显示属于该省的城市,选 择好城市之后,街道下拉框仅显示属于该城市的街道.记得以前做Asp的时候,做一个类似这样的下拉框 需要花费不少的力气,编写不少的javascript代码.如今到了Asp.Net时代,使用Ajax Control Toolkit 中的CascadingDropDown控件,再配合普通的DropDownLis

Android Studio绑定下拉框数据详解

效果显示: 1.页面xml代码(项目的代码,直接复制会有错,自己修改一下就好) <TextView android:id="@+id/consultation_tv_section" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/consultation_et_doctor&qu

如何在componentart grid 控件中绑定下拉框?

问题描述 如题,小弟困扰很久了,请各位大侠帮帮我!!! 解决方案 解决方案二:....................................

asp.net-asp实现下拉框级联时出现第二个框一直不断积累的情况

问题描述 asp实现下拉框级联时出现第二个框一直不断积累的情况 比如,第一个下拉框选择华北,第二个下拉框出现:北大,北师大第一个框再选华中,第二个就会出现北大,北师大武大第一次的结果没有删除,要怎么实现?附上代码,各位高手帮我看一下吧,而且想实现第一个框为空的话,第二个框出来全部学校怎样实现? 在index.aspx中 选择地区: -请选择地区-/asp:ListItem/asp:DropDownList选择学校:-请选择学校-/asp:ListItem/asp:DropDownList在ind

php实现三级级联下拉框_php技巧

这是我在网上查找到的php实现三级级联下拉框的资料,共享个大家,大家一起进步,具体内容如下 index.php: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Ajax联动菜单</title> <script language="javascript"

利用ASP.NET 2.0的客户端回调功能制作下拉框无限级联动

asp.net|客户端|下拉 记得以前做asp的时候,常会碰到下拉框多级联动,比如说在注册的时候,需要选择省和城市,这就需要二级联动,那个时候一个普遍的做法就是利用javascript脚本来实现,先把数据从数据库中读取出来,放到javascript的数组中,在下拉框的onchange事件触发时,就可以直接从javascript的数组中读取想要的数据.后来在asp.net 1.0中开发时,这种方法也通用,但如果要多级的话,有一个很大的缺点,就是它需要把数据一次性全部读到javascript的数组中

表连接-MVC4下拉框列表做修改

问题描述 MVC4下拉框列表做修改 我是两个表连接的,下拉框要显示的是另外一个表的Name属性,绑定下拉框列表时可以获取到值,但是点击保存是报错:UPDATE 语句与 FOREIGN KEY 约束"FK_Products_PType"冲突.该冲突发生于数据库"ProductsDB",表"dbo.PType", column 'PTId',语句已终止.求大神指教!!

input+select(multiple) 实现下拉框输入值_javascript技巧

于是尝试了用input+select来实现,结果如下:   具体代码及演示地址:www.homdian.com/test.aspx 这种方法其实是在下拉框上压一个文本框,能够实现输入,也能够实现下拉框的选择.但根据输入值用用异步的方式绑定下拉框选项时, 无法展开下拉框,到网上找了段代码: 复制代码 代码如下: document.form1.ddlMovName.focus(); var WshShell = new ActiveXObject("Wscript.Shell"); try

基于jquery的无限级联下拉框js插件_jquery

灵活性方面考虑了比较多的方面,提供了几个重要的配置方便在各类环境下使用,欢迎各位童鞋使用,源码完全开放.开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷(之所以这么多代码是因为该级联下拉框有时只出现2个或3个),想到这类的需求其实经常都能遇到,jquery里没有这样比较好的插件,索性自己开发个.源代码并不复杂,稍微复杂的地方在第二个插件使用了缓存,造成理解起来十分困难,后面会做些解释. 插件一:适合在不与服务器进行AJAX交互情况使用,需预先将所有下拉