簡體   English   中英

如何MVVM數據綁定劍道單選按鈕值屬性?

[英]how to mvvm data-bind kendo radiobutton value attribute?

我試圖將我的兩個單選按鈕與kendo MVVM綁定在一起。 但是,它始終默認不選中任何單選按鈕。 這是Kendo MVVM中的錯誤嗎? 我希望您第一次看到該頁面時選中其中一個單選按鈕。

<!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

使用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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM