Bind checbox list to dropdownlist в kendo ui от mvvm

Question

У меня есть выпадающий список на мой взгляд, который я хочу в моем представлении. Я хочу, чтобы изменить мой раскрывающийся список, шаблон скрипта java-скрипта. Dropdownlist.i напишите это, но не помогите мне.

var roles=[{ 
     code:1, 
     roleName: "Admin", 
     access: [ 
      { id: 1, description: "create", selected: true}, 
      {id: 2, description: "delete", selected: false}, 
      { id: 3, description: "update", selected: false} 
     ] 
    } ,{ 
     code:2, 
     roleName: "user", 
     access: [ 
      { id: 1, description: "create", selected: true}, 
      {id: 2, description: "delete", selected: true}, 
      { id: 3, description: "update", selected: false} 
     ] 
    }]; 
var viewModel = kendo.observable({ 
    Roles:roles, 
    role:"Admin", 
    accessRole:null  
}); 

kendo.bind($("#example"), viewModel); 

это мой взгляд код

<div id="example"> 
    Current Role&nbsp;&nbsp;&nbsp;:<span data-bind="text: role"></span> 
    <br> 
    <select type="text" id="RoleName" data-bind="source: Roles, value:role" data-text-field="roleName"> 

    <select/> 

     <ul data-template="row-template" data-bind="source: accessRole.access"></ul> 

</div> 

<script id="row-template" type="text/x-kendo-template"> 
    <li> 
     <input type="checkbox" data-bind="checked: selected" /> 
     <label data-bind="text: description" /> 
    </li> 
</script> 
​ 

и это Onlne код: http://jsfiddle.net/shahr0oz/K4X3T/19/

Answer 1

Я понимаю.

<div id="example"> 
    Current Role&nbsp;&nbsp;&nbsp;:<span data-bind="text: role.roleName"></span> 
    <br> 
    <select type="text" data-bind="source: Roles,value:role}" data-text-field="roleName"> 

    <select/> 

     <ul data-template="row-template" data-bind="source:role.access"></ul> 

</div> 

<script id="row-template" type="text/x-kendo-template"> 
    <li> 
     <input type="checkbox" data-bind="checked: selected" /> 
     <label data-bind="text: description" /> 
    </li> 
</script> 

​ var roles=[{ 
     code:1, 
     roleName: "Admin", 
     access: [ 
      { id: 1, description: "create", selected: true}, 
      {id: 2, description: "delete", selected: true}, 
      { id: 3, description: "update", selected: false} 
     ] 
    } ,{ 
     code:2, 
     roleName: "user", 
     access: [ 
      { id: 1, description: "create", selected: false}, 
      {id: 2, description: "delete", selected: false}, 
      { id: 3, description: "update", selected: false} 
     ] 
    }]; 
var viewModel = kendo.observable({ 
    Roles:roles, 
    role:roles[0] 
}); 


kendo.bind($("#example"), viewModel); 

http://jsfiddle.net/shahr0oz/psEVy/