js中定义events事件,和初始值及字段监听:
var
self;
fireEvents:
function(){
self =
this},
events:{
reason: function () { self.viewmodel.Status('0');//写入新的值 }
}
,
viewmodel:{
el:
"#paystatementsordercard",//进行数据绑定,必须是要操作的div的id,或其父类标签id
Status: ko.
observable(
'1'),
//
状态初始赋值并监听 }
下面是html页面部分代码
<
div
class=
"ibox-filter clearfix"
>
<
div
class=
"pull-left"
>
//点击此按钮触发reason方法
<
a
type=
"button"
class=
"btn btn-sm btn-primary m-r-sm"
data-bind =
"click:reason"
>转换
</
a
>
</
div
>
<
div
class=
"ibox-filter-title pull-left"
data-bind=
"visible:Status() == 1? true:false"
>
//如果
Status() == 1
就显示div,(初始化即显示)
</
div
>
<
div
class=
"pull-left"
data-bind=
"visible:Status()== 0? true:false"
>
//如果
Status() == 1
就显示div,(初始化即显示)
</
div
>
</div>
仅仅是自己工作用的框架适合,其他框架仅供参考或提供思路