![](/img/trans.png)
[英]How can I, using Knockout, make a div only viewable when a value from a dropdown is selected?
[英]How can I, using Knockout on Sharepoint, have a div visable when a value from a list is clicked on a dropdown?
Application:
<select data-bind="value: $data.selectedApp, options: $parent.applications, optionsText: 'ApplicationName', optionsCaption: 'Choose an Application'" style="width: 32px" name="Application list" id="dataBox">
</select>
為此,我試圖
<Div = "main">...</div>
單擊名為“ USB Access Request”的下拉菜單時可見。
我的JavaScript:
<script>
var viewModel = {
selectedChoice: ko.observable("USB Read/Write") ,
selectionChanged: function(event) {
show( "main" );
}
};
ko.applyBindings(viewModel);
</script>
您可能正在尋找這樣的東西
查看模型:
var viewModel = function () {
var self = this;
self.selectedApp = ko.observable();
self.applications = ko.observableArray([{
"ApplicationName": "application1"},{
"ApplicationName": "application2"},{
"ApplicationName": "application3"}
]);
};
ko.applyBindings(new viewModel())
查看:
Application:
<select data-bind="value:selectedApp,options:applications,optionsText:'ApplicationName',optionsCaption:'Choose an Application'" style="width: 160px"></select>
<div data-bind="if:selectedApp">
<h2>i'm Main DIV</h2>
</div>
好吧,我看到html很簡單,因此if
在這種情況下進行綁定,它總是更好地使用。
在這里工作
任何問題都讓我們知道
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.