knockoutjs简单的click单击事件数据绑定实现页面标签隐藏显示

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>
仅仅是自己工作用的框架适合,其他框架仅供参考或提供思路



猜你喜欢

转载自blog.csdn.net/zhangtongpeng/article/details/79898427