客户端的Ext.Net链接按钮

时间:2015-12-03 13:05:25

标签: javascript extjs ext.net

我在服务器端创建了窗口,底部是LinkBut​​ton

  <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)
        }
除了LinkBut​​ton之外,

使用javascript完美呈现窗口。它绘制正常按钮而不是LinkBut​​ton但我需要链接按钮就像服务器端ext控件一样。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

从你的代码片段我假设你指的是Ext.NET 1.x和Ext JS 3.x。

如果是这样,默认情况下,当为新的Ext.Window使用 public static UserManager<User> Create(IdentityFactoryOptions<UserManager<User>> options, IOwinContext context) { var userManager = new UserManager<User>(new UserStore()); // this is the key userManager.UserValidator = new UserValidator<User>(userManager) { AllowOnlyAlphanumericUserNames = false }; // other settings here userManager.UserLockoutEnabledByDefault = true; userManager.MaxFailedAccessAttemptsBeforeLockout = 5; userManager.DefaultAccountLockoutTimeSpan = TimeSpan.FromDays(1); var dataProtectionProvider = options.DataProtectionProvider; if (dataProtectionProvider != null) { userManager.UserTokenProvider = new DataProtectorTokenProvider<User>(dataProtectionProvider.Create("ASP.NET Identity")) { TokenLifespan = TimeSpan.FromDays(5) }; } return userManager; } 配置选项时,使用的默认组件将为buttons s。

LinkBut​​tons是Ext.NET的有用扩展,他们将Ext.Button作为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();

希望有所帮助!

P.S。请注意,在Ext.NET 3中,xtype: netlinkbutton重命名为LinkButton,其HyperLinkButton现为xtype

答案 1 :(得分:1)

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