Asp.net mvc 3 淘汰MVC Html.RadioButton
我尝试使用以下示例:Asp.net mvc 3 淘汰MVC Html.RadioButton,asp.net-mvc-3,knockout.js,Asp.net Mvc 3,Knockout.js,我尝试使用以下示例: <label><input type="checkbox" data-bind="checked: displayMessage" /> Display message</label> <div data-bind="if: displayMessage">Here is a message. Astonishing.</div> <script type="text/javascript"
<label><input type="checkbox" data-bind="checked: displayMessage" /> Display message</label>
<div data-bind="if: displayMessage">Here is a message. Astonishing.</div>
<script type="text/javascript">
ko.applyBindings({
displayMessage: ko.observable(false)
});
</script>
显示消息
这是留言。令人吃惊的
ko.applyBindings({
displayMessage:ko.可观察(假)
});
我的问题是,如果选中以下单选按钮,如何显示消息
<%= Html.RadioButton("answer", qm.DynamicQuestions[index].Answer_A, (qm.LearnerAnswers[index] == qm.DynamicQuestions[index].Answer_A))%><%= Html.Encode( qm.DynamicQuestions[index].Answer_A) %>
谢谢你的建议。我猜你想要这样的东西
-
-
变量问题=[{
id:'ID1',
描述:ko.observable('我应该回答这个吗?'),
可用答案:[{
值:“是”,
勾选:可观察到(“是”)
}, {
值:'否',
选中:可观察到(错误)
}]
},{
id:'ID2',
描述:ko.observable('回答这个怎么样?'),
可用答案:[{
值:“是”,
选中:ko.可观察()
}, {
值:'否',
勾选:可观察到(“否”)
}]
}];
var vm={
问题:问题,,
}
ko.应用绑定(vm);
问题在于,最上面的代码示例是html/javascript,最下面的代码示例是ASP.net MVC服务器代码,在发送到浏览器时会转换为html。您需要做的是获取发送到浏览器的HTML并从那里开始;但是,我正在尝试转换现有的html.Radiobutton。我发现了这个例子,不幸的是它是Razor,现在我正试图找出如何在aspx中使用它。
<ul data-bind="foreach: questions">
<li>
<span data-bind="text: description"></span>
<ul data-bind="foreach: availableAnswers">
<li>
<label>
<input type="radio" data-bind="value: value, checked: checked, attr: {name: $parent.id }" />
<span data-bind="text: value"></span>
</label>
</li>
</ul>
</li>
</ul>
var questions = [{
id: 'ID1',
description: ko.observable('Should I answer this?'),
availableAnswers: [{
value: 'Yes',
checked: ko.observable('Yes')
}, {
value: 'No',
checked: ko.observable(false)
}]
},{
id: 'ID2',
description: ko.observable('How about answering this?'),
availableAnswers: [{
value: 'Yes',
checked: ko.observable()
}, {
value: 'No',
checked: ko.observable('No')
}]
}];
var vm = {
questions: questions,
}
ko.applyBindings(vm);