2 mylogic mylogic 于 2016.04.21 10:30 提问

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": [

    ]
  }
]

1个回答

hzaxxsrjzzttdwt
hzaxxsrjzzttdwt   2016.10.06 01:18

mvvmjsonknockout
网页中,如何利用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",
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
knockout页面绑定下拉列表select选中项错误问题
问题描述: (不方便使用源代码及原页面,现简要描述一下现象) 实体User包含属性type,type值{“aa”,“bb”,"cc"}。一list页面用于显示多行User数据,点击每行的编辑按钮,则加载info页面显示该User的具体信息,其中type属性在页面中以下拉列表显示(下拉列表仅显示aa/bb/cc,无空选项)。现两条User数据 X和Y,X的type值为“bb”,Y的type值为“
knockout 省、市、区三级联动
首先要引用 $(function () { Province(); City(); District(); }); function Province() { viewModel = { ProvinceCollection: ko.observableArray(),
knockout select绑定,选中默认值
$(function(){ var viewModel =function() { var self = this; self.departmentList = ko.observableArray([{"departmentID": "1","departmentName": "信息技术部"},{"departmentID": "2","departmentName": "财务部"}]
Knockout select 例子
Knockout select 中可以指定文本和值,名称不限。 1、视图模型 var countries = [{country:'France',code:'01'}, {country: 'Germany',code:'02'}, {country: 'Spain', code:'03
knockout的默认选中设置
下面的方法可以设置knockout的默认选中值(设置value即可),亲测可行
解决自定义标签select级联下拉框异步加载显示值不正确
解决自定义标签select级联下拉框异步加载显示值不正确
knockout实现嵌套循环绑定
实现效果如下: 代码: : var viewModel = { categories: ko.observableArray
Knockout 模版绑定
Knockout模版绑定是解决复杂的Html界面中数据绑定的问题,今天模仿者写了一些Demo. 1.基本的绑定形式 $(function () { function MyViewModel() { this.buyer = { name: 'Franklin', credits
一例knockout with绑定,异步调用数据为null导致的绑定div标签内容不能显示的解决
昨天在做页面发表评论和评论分页显示问题的时候遇到一问题。我的这个页面是交规题目练习页面,这个页面会有多道题。当点击每道题的评论后,下面id为pinglun部分的内容会显示出来。这部分内容用了with绑定。由上到下依次会显示评论内容,按先后次序显示。然后是分页,这个分页只有在超过两页后才会显示上一页,下一页。最下面是一个评论内容输入框及一个提交评论按钮。代码如下:
利益AJAX实现下拉框~无刷新
级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框