如何使用sencha touch显示和隐藏分页工具栏？

Question

I have small requirement ie PDFViewer in sencha touch, default paging toolbar is hidden.Once we click on pdf document the paging toolbar is showned, remaining time it is hidden.Here my problem is paging toolbar is not showned and hidden. I tried the following code.Can you please suggest me. Here is my code

samplePdf = {
 xtype : 'pdfpanel',
 id: 'pdfViewer', src :'http://cdn.mozilla.net/pdfjs/tracemonkey.pdf',
 scrollable: true,
 hidePagingtoolbar: false,
 listeners: {
      tap: {
          fn: function() {
                paging = Ext.getCmp('pdfViewer');
                if(samplePdf.hidePagingtoolbar==false){
                  hidePagingtoolbar:true
                 //Ext.getCmp('pdfViewer').hidePagingtoolbar.hide();
                }
                else{ 
                 hidePagingtoolbar: true;
                }
              },
     element: 'element'},}};

Thanks, Rajasekhar.

Answer 1

I suggest using the "getter/setter" of the "HidePagingtoolbar" object eg

listeners: {
  tap: {
      fn: function() {
            paging = Ext.getCmp('pdfViewer');
            paging.setHidePagingtoolbar(!paging.getHidePagingtoolbar());
          }
    }
}

That should toggle the HidePaggingToolbar flag.