EXT JS 4 将查询字符串添加到链接

Question

每当我创建带有 url 的组件时，Ext Js 4 都会将 ?undefined 添加到链接中。我怎样才能摆脱它？

Ext.onReady(function() {
                Ext.create('Ext.toolbar.Toolbar', {"items":[{"text":"Dashboard","xtype":"button","target":"_self","href":"https:\/\/domain.tld\/admin\/"},{"text":"Categories","xtype":"button","menu":{"items":[{"text":"New","xtype":"button","target":"_self","href":"https:\/\/domain.tld\/admin\/category\/create\/"}]}}],"renderTo":"admin_menu","width":"100%"});
            });

单击仪表板会将您带到 https://domain.tld/admin/dashboard?undefined

Answer 1

我查看了源代码以了解它是如何创建 url 的。它采用 href 配置并附加 params 配置，而不检查 params 是否已定义。然后附加 baseParams 配置。因此，如果您想要一个不带查询字符串的链接，请使用空参数配置创建按钮。

Ext.create("Ext.button.Button", {href: 'www.google.com', params:'',text:'Link',target:'_self'});

Answer 2

ExtJS 文档 没有提及 href 作为工具栏支持的配置选项。

我建议指定一个处理函数，而不是指定 target 和 href。一些效果：

{
  text:'Dashboard',
  handler:function(){
    //window.open(...) or window.location.href=...
  }
//...
}