如何mvvm數據綁定kendo radiobutton值屬性？

我試圖用kendo MVVM綁定我的兩個單選按鈕。然而，它總是默認沒有選中單選按鈕。這是劍道MVVM中的錯誤嗎？我期待在您第一次看到該頁面時檢查其中一個單選按鈕。如何mvvm數據綁定kendo radiobutton值屬性？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>JS Bin</title> 

    <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet"> 
    <script src="http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js" type="text/javascript"></script> 
    <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.web.min.js" type="text/javascript"></script> 

</head> 
<body id="main"> 
    <input type="radio" data-bind="value: Permission.Read, checked: checkedValue" name="RadioGroup0" /> 
    <input type="radio" data-bind="value: Permission.Modify, checked: checkedValue" name="RadioGroup0" /> 

    <script type="text/javascript"> 
     viewModel = new kendo.observable({ 
      checkedValue: 2, 
      Permission: { 
       Read: 1, 
       Modify: 2 
      } 
     }); 
     kendo.bind($("#main"), viewModel); 
    </script> 
</body> 
</html>

http://jsbin.com/bageveta/27/edit?html,console,output

來源

2014-10-03 ColacX

http://demos.telerik.com/kendo-ui/mvvm/elements – CSharper 2014-10-03 19:08:43

演示具有屬性的值硬編碼。這不是我想要的。 – ColacX 2014-10-04 23:34:48

如果您在Jquery變量中獲得想要的值，則可以將其設置爲值 – CSharper 2014-10-05 16:54:15

使用attr結合。

<input type="radio" data-bind="attr: { value: Permission.Read }, checked: checkedValue" name="RadioGroup0"/> 
<input type="radio" data-bind="attr: { value: Permission.Modify }, checked: checkedValue" name="RadioGroup0"/>

http://jsbin.com/bageveta/30/edit

來源

2014-10-07 16:48:53 Frank

請注意，綁定順序很重要。當'checked'綁定在'attr.value'綁定之前時，這不起作用。 – 2018-02-12 14:05:03

如何mvvm數據綁定kendo radiobutton值屬性？

回答

相關問題