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 });                                                                                                                                                                                                                     
     }                                                                                                                                                                                                                                                                            
 });