ExtJS监听事件：Focus

最新推荐文章于 2021-02-01 03:25:32 发布

喝咖啡的乌龟

最新推荐文章于 2021-02-01 03:25:32 发布

阅读量2.4k

点赞数

分类专栏： Extjs html javascript 文章标签： extjs div function stylesheet date html

本文链接：https://blog.csdn.net/wangzhiyuande/article/details/7874496

版权

javascript 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

Extjs

7 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

首先需要激活FocusManager，

Ext.FocusManager.enable();

然后在listener里面添加关于focus的处理语句：

focus: function(){
  document.getElementById("div3").innerHTML=this.id;
}

完整的一个示例页面如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Border Layout Example</title>
    <link rel="stylesheet" type="text/css" href="v1/lib/resources/css/ext-all.css" />
    <script type="text/javascript" src="v1/lib/ext-all.js"></script>
    <script type="text/javascript">
Ext.onReady(function(){
    Ext.FocusManager.enable();
    Ext.create('Ext.panel.Panel', {
        id:'panel1',
        renderTo:'div1',
    bodyPadding: 5,  // Don't want content to crunch against the borders
    width: 790,
    height:100,
    title: 'Filters 1',
    items: [{
        xtype: 'datefield',
        fieldLabel: 'Start date'
    }, {
        xtype: 'datefield',
        fieldLabel: 'End date'
    }],
    listeners:{
        focus: function(){
            document.getElementById("div3").innerHTML=this.width;
        }
        //
    }
  });        
    Ext.create('Ext.panel.Panel', {
        id:'panel2',
        renderTo:'div2',
    bodyPadding: 5,  // Don't want content to crunch against the borders
    width: 800,
    height:100,
    title: 'Filters 2',
    items: [{
        xtype: 'datefield',
        fieldLabel: 'Start date'
    }, {
        xtype: 'datefield',
        fieldLabel: 'End date'
    }],
    listeners:{
        focus: function(){
            document.getElementById("div3").innerHTML=this.width;
        }
        //
    }
  });
})
         
</script>
</head>
<body>
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3">focus test</div>
</body>
</html>

喝咖啡的乌龟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
ExtJS监听事件：Focus

首先需要激活FocusManager，Ext.FocusManager.enable();然后在listener里面添加关于focus的处理语句：focus: function(){ document.getElementById("div3").innerHTML=this.id;}完整的一个示例页面如下： Border Layout Exam
复制链接

扫一扫