Ext.Net Link 客户端按钮

Question

我在服务器端创建了 window，LinkButton 在底部

  <ext:Window runat="server" ID="winIndex" Title="Test">
        <AutoLoad Url="index.html" Mode="IFrame" />
        <Buttons>
            <ext:LinkButton runat="server" ID="btn" Text="Test Button">
                <Listeners>
                    <Click Handler="Ext.msg.alert('Alert','test');" />
                </Listeners>
            </ext:LinkButton>
        </Buttons>
    </ext:Window>

我想在客户端使用 javascript 创建这个 window 这是我尝试过的

var CreateWindow = function () {
            var windowConfig = {
                id: "winIndex",
                hidden: false,
                closeAction: "hide",
                title: "Test",
                buttons: [
                    {
                        id: "btn",
                        text: "Test Button",
                        listeners:
                            {
                                click:
                                {
                                    fn: function (el, e) {
                                        Ext.msg.alert('Alert','test');
                                    }
                                }
                            }
                    }
                ],
                autoLoad: {
                    url: "index.html",
                    nocache: true,
                    mode: "iframe",
                    showMask: true,
                    triggerEvent: "show",
                    reloadOnEvent: true
                }
            }
            new Ext.Window(windowConfig)
        }

Window 也使用 javascript 完美呈现，除了 LinkButton。它绘制普通按钮而不是 LinkButton，但我需要 link 按钮，就像服务器端 ext 控件一样。任何帮助将不胜感激。

Answer 1

根据您的代码片段，我假设您指的是 Ext.NET 1.x 和 Ext JS 3.x.

如果是这样，默认情况下，当对新 Ext.Window 使用 buttons 配置选项时，使用的默认组件将是 Ext.Buttons。

LinkButtons 是 Ext.NET 的有用扩展，它们的 xtype 为 netlinkbutton，因此您必须明确设置它，例如：

new Ext.Window({
    title: "Test",
    height: 300,
    width: 300,
    buttons: [{
        id: "btn",
        xtype: 'netlinkbutton',
        text: "Test Button",
        listeners: {
            click: {
                fn: function (el, e) {
                    Ext.Msg.alert('Alert', 'test');
                }
            }
        }
    }]
}).show();

注意关键是xtype: netlinkbutton

希望对您有所帮助！

P.S。请注意，在 Ext.NET 3 中，LinkButton 已重命名为 HyperLinkButton，其 xtype 现在为 nethyperlinkbutton.

Answer 2

在 ExtJs 中使用 netlinkbutton 作为 xtype。 netlinkbutton 正是 Ext.net

中的 LinkButton

Ext.Net Link 客户端按钮

Ext.Net Link Button on Client Side

javascript

extjs

ext.net