javascript - 向 dijit.TitlePane 添加一些持久性(打开/关闭状态)

Question

我想使用 dijit.TitlePane 添加非常简单的基于 cookie 的持久性。我想确保标题 Pane 的状态无论是打开还是关闭都应该保存在 cookie 中，以便下次加载页面时，标题 Pane 以记住的状态开始。这在我有很多需要提交的表单标题 Pane 的情况下特别有用。

一些示例代码会有所帮助。

Answer 1

这样做的一种方法是继承 TitlePane 小部件并向其添加您自己的实现。

dojo.require("dijit.TitlePane");
dojo.declare("dijit.MyTitlePane" , [ dijit.TitlePane ] ,                                                                                                                                                                                                                         
 {                                                                                                                                                                                                                                                                                
     postCreate : function() {                                                                                                                                                                                                                                                    
         var state = dojo.cookie(this.id);                                                                                                                                                                                                                                        
         if(state !== undefined){                                                                                                                                                                                                                                                 
             this.open = /true/.test(state);                                                                                                                                                                                                                                      
         }                                                                                                                                                                                                                                                                        
         this.inherited(arguments);                                                                                                                                                                                                                                               
     },                                                                                                                                                                                                                                                                           

     toggle : function() {                                                                                                                                                                                                                                                        
         this.inherited(arguments);                                                                                                                                                                                                                                               
         dojo.cookie(this.id, this.open , { expires : 365 });                                                                                                                                                                                                                     
     }                                                                                                                                                                                                                                                                            
 });