2011-04-28 128 views
0

使用Ext.Toolbar ExtJS的荫设计菜单,ExtJS的工具栏按钮的HIGHlite

var ToolBar = new Ext.Toolbar({ 
      id: 'ToolBar', 
      renderTo: 'divtoolbar', 
      items: [ 
        { xtype: 'spacer', width: 50 }, 
        { xtype: 'tbbutton', text: 'Home', handler: function() { window.location = '@Url.Content("~/Home/Home/")'; } }, 
        { xtype: 'tbseparator' }, 
        { xtype: 'tbbutton', text: 'Calendar', handler: function() { window.location = '@Url.Content("~/calendar/eventCalendar/")'; } }, 
        { xtype: 'tbseparator' }, 
        { xtype: 'tbbutton', text: 'Locations' } 
] 

............ 如何改变或点击的HIGHlite TBBUTTON在

感谢提前

回答

0

您需要使用按钮提供的addClass方法。为拜访按钮创建一个CSS样式,并在处理程序中调用addClass方法。这里是一个例子:

handler: function(b,e) { 
    this.addClass('className'); 
    } 

但在你的情况,我看到你正在导航远离页面。在这种情况下,您必须将访问过的按钮存储在Cookie中或使用HTML5存储。

我想知道为什么你要制作一个多页的ExtJS应用程序,而不是遵循单页方法?

+0

感谢您的回复,,,,,,,,,请给我一个singlepage approch的例子.......谢谢 – MNR 2011-04-28 11:19:55

+0

单页方式,你不会导航到一个新的页面。相反,你在同一页面打开一个窗口,面板等。查看ExtJS示例中提供的“组合示例”。 – 2011-04-28 11:29:10