[ExtJS] Tpl模板中的extjs控件无法失焦处理

在tpl模板里放extjs控件后，会发现input类的失焦事件失效了，尤其是在dataview中。

主要原因：

dataview本身就有聚焦属性，所以点击在dataview的body部分，也会默认为聚焦

处理方法：

对于添加到tpl中的 extjs input类控件，在其widget时自己处理失焦事件

主要是通过判断鼠标点击位置是否在input控件里，来判断是失焦还是聚焦

listeners:{focusenter: function (sender) {var mouseEvent = Ext.on({mousedown: function (e) {if (!sender.owns(e.target)) {//判断点击是否在控件里//处理失焦事件var focusEl = sender.getFocusEl();if (focusEl) {sender.blurring = true;focusEl.blur();//使text失去光标delete sender.blurring;}Ext.destroy(mouseEvent);//销毁全局事件}},destroyable: true});},
}

[ExtJS] Tpl模板中的extjs控件无法失焦处理相关推荐

在 .NET Compact Framework 2.0 中宿主 ActiveX 控件
适用于: ActiveX Microsoft .NET Compact Framework 版本 2.0 摘要:了解如何在使用 .NET Compact 的应用程序中宿主 ActiveX 控件.本文提 ...
怎么向tab control中加其它控件(如文本框等)
1.首先创建一个MFC对话框框架,在对话框资源上从工具箱中添加上一个Tab Control 控件,根据需要修改一下属性,然后右击控件,为这个控件添加一个变量,将此控件跟一个CTabCtrl类变 ...
php wmi,window_Win7系统中的wmi控件是什么？有什么用？，　　wmi控件是什么Windows - phpStudy...
Win7系统中的wmi控件是什么?有什么用? wmi控件是什么 Windows Management Instrumentation (WMI) 控件是一种工具,可以用它配置远程计算机或本地计算机上的 ...
ASP.NET 3.5中的ListView控件和DataPager控件(一)
介绍今天,我花了几个小时的时间研究了一下ASP.NET 3.5中的ListView控件和DataPager控件. 这两个控件是ASP.NET中新增的.非常受欢迎的控件. ListView控件集成了D ...
【转贴】ASP.NET 3.5中的ListView控件和DataPager控件
作者:Rick Strahl 翻译:webabcd 原文地址:http://www.west-wind.com/WebLog/posts/127340.aspx 译文地址:http://www.cn ...
Ajax 1.0 中使用web控件调用后台方法的用法.
今天在做页面文本框审核的时候发现个Ajax 1.0 中使用web控件调用后台方法的一个不爽的地方. 把该调用方法发上来供大家参考. 首先我们创建一个MasterPage.master文件. 在页面上放 ...
从零开始学android:Android中的基本控件（上）
从零开始学android:Android中的基本控件(上) 本章内容较多,下面只贴代码,大家只需要贴到自己eclipse里就知道作用^^! View组件简介 Android中的View组件包含了几乎所 ...
探讨ASP.NET2.0中的Web控件改进技术
全面探讨ASP.NET 2.0中的Web控件改进技术之概述(一) ASP.NET 2.0并没有抛弃1.1版本中的任何现有控件,而是增加了一组新的控件;同时还引入了若干新的控件开发技术.本系列文章将对这 ...
【ASP.NET】第八课——GridView 控件的编辑功能优化，GridView控件中嵌套DropDownList控件
知识点:掌握 GridView 的编辑.高亮显示的功能 .GridView控件中嵌套DropDownList控件获取数据源. [ASP.NET]第七课--数据绑定和 GridView 控件的使用重点 ...

[ExtJS] Tpl模板中的extjs控件无法失焦处理

主要原因：

处理方法：

[ExtJS] Tpl模板中的extjs控件无法失焦处理相关推荐

最新文章

热门文章