客户端的 Ext.Net 链接按钮答案

【问题标题】：Ext.Net Link Button on Client Side客户端的 Ext.Net 链接按钮
【发布时间】：2015-12-03 13:05:24
【问题描述】：

我在服务器端创建了一个窗口，底部有 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 在客户端创建这个窗口，这是我尝试过的

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

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

【问题讨论】：

标签： javascript extjs ext.net

【解决方案1】：

从您的代码 sn-p 我假设您指的是 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

希望有帮助！

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

【讨论】：

【解决方案2】：

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

【讨论】：