Extjs 自定义函数，外部调用

最新推荐文章于 2019-01-03 14:52:59 发布

原创最新推荐文章于 2019-01-03 14:52:59 发布 · 5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #login #html #input #ext

Extjs 专栏收录该内容

98 篇文章

订阅专栏

本文介绍如何在EXTJS中定义自定义函数，并将其绑定到HTML元素上，实现页面加载时自动调用及通过点击事件触发。文章还讨论了私有方法与公有方法的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面中的html元素如何能够绑定EXT中定义的函数
EXTJS的自定义函数，以下语句可创建一个函数：

Ext.Login=function(){
    function IsLogin(){
    .
    }
   return{
    init:function(){
        IsLogin();
    },
        Login:function(){
        
        }
}

不能写成是

var Login=function(){
    function IsLogin(){
    .
    }
   return{
    init:function(){
        IsLogin();
    },
        Login:function(){
        
        }
}

这样的Login只是局部，对外不可见

刚开始时让我比较郁闷的是这种JS里的函数调用机制，以上代码里，

将创建一个名为Ext.Login()的对象，应该相当于一个类的意思吧，

然后可在其里面写其他相关的方法。在return里的为公有方法，这里面的方法可给外部程序调用（如在HTML文件里用），

而在return以外的代码是其私有方法，只能在Ext.Login()这个对象里调用如需要在其他页面调用里面的Login()方法，

可直接写<input id="login" onclick="Ext.Login().Login()" />

如果需要在页面加载时就调用，一般只需直接用EXTJS里的方法即可实现：Ext.onReady(Ext.Login.init, Ext.Login);

这里的函数名并不需要加括号，第一个参数是要调用的方法，第二个是作用域，

一般写此对象名即刚好这种方式可以解决gridPanel中默认的actionColum中的动作按钮，可以换做是超链接而不必重写gridPanel