道场:道场 onblur 事件

2024-03-23

我有一个 dojo 1.5 的表单设置。我正在使用 dijit.form.ComboBox 和 dijit.form.TextBox

组合框具有“汽车”、“自行车”、“摩托车”等值,文本框是组合框的形容词。 因此,组合框中的内容并不重要,但如果组合框确实有值,则必须在文本框中填充一些内容。或者,如果 ComboBox 中没有任何内容,则 TextBox 中也不能有任何内容,这样就可以了。事实上,如果组合框中没有任何内容,那么文本框中就不能有任何内容。

在常规编码中,我只会在文本框中使用 onBlur 事件来转到检查 ComboBox 是否有值的函数。我在道场中看到这不起作用...代码示例如下...

Vehicle:
    <input dojoType="dijit.form.ComboBox"
      store="xvarStore"
      value=""
      searchAttr="name"
      name="vehicle_1"
      id="vehicle_1"
    />
 Descriptor:
<input type="text"
                dojoType="dijit.form.TextBox"
                value=""
                class=lighttext
                style="width:350px;height:19px"
                id="filter_value_1"
                name="filter_value_1"
                />

我最初的尝试是在描述符的 标记中添加 onBlur,但发现这不起作用。

Dojo 如何处理这个问题?是通过 dojo.connect 参数吗?尽管在上面的示例中,组合框的 id 为“vehicle_1”并且文本框的 id 为“filter_value_1”,但可以有多个按顺序向上编号的组合框和文本框。 (车辆_2、车辆_3 等)

任何建议或资源链接将不胜感激。


要添加 onBlur 事件,您应该使用 dojo.connect():

dojo.connect(dojo.byId("vehicle_1"), "onBlur", function() { /* do something */ });

如果您需要将其连接到多个输入,请考虑为需要模糊的输入添加自定义类,并使用 dojo.query 连接到所有输入:

Vehicle:
    <input dojoType="dijit.form.ComboBox"
      store="xvarStore"
      class="blurEvent" 
      value=""
      searchAttr="name"
      name="vehicle_1"
      id="vehicle_1"
    />

dojo.query(".blurEvent").forEach(function(node, index, arr) {
      dojo.connect(node, "onBlur", function() { /* do something */ });
  });

在传递给 dojo.connect 的函数中,您可以添加一些代码来去掉末尾的数字,并使用它来引用每个 filter_value_* 输入进行验证。

dojo.connect() http://dojotoolkit.org/reference-guide/dojo/connect.html

组合框文档 http://dojotoolkit.org/api/1.7/dijit._Widget.onBlur

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

道场:道场 onblur 事件 的相关文章

  • VueJS 在内联模板组件中重新编译 HTML

    我已经包装了 bootstrapTable https github com wenzhixin bootstrap table https github com wenzhixin bootstrap table 到指令中 如下所示 Vu
  • 检查jsonPath中是否有重复的值

    我有一个 jsonPath 如下 book category reference author Nigel Rees title Sayings of the Century price 8 95 category fiction auth
  • 从恶意 PDF 中提取 JavaScript

    我有一个 PDF 文件 据我所知 它包含一个 JavaScript 脚本文件 该文件会执行恶意操作 但目前还不确定具体是什么 我已经成功解压缩了 PDF 文件并获得了纯文本 JavaScript 源代码 但它的代码本身隐藏在我以前从未见过的
  • PrimeFaces 5.2 及更高版本中图表扩展器属性的替代方案是什么

    我正在使用 primefaces 5 2 最新版本并尝试了折线图 它工作正常 我正在尝试更改折线图轴的颜色 背景 边框等 但扩展器属性在最新的 primefaces 版本中不起作用 我的 XHTML
  • 进度条摆动效果

    摆动垂直进度条 我学会了如何构建一个整洁的 动态大小的垂直进度条 其中带有横栏这个问题 https stackoverflow com questions 22337851 css vertical progress bar noredir
  • 上下文保留评估

    我们正在构建一个小型 REPL 来评估 使用eval 用户输入的 JavaScript 表达式 由于整个事情是事件驱动的 因此评估必须在单独的函数中进行 但必须在调用之间保留上下文 即所有声明的变量和函数 我想出了以下解决方案 functi
  • 在 Leaflet L.Draw 插件中以编程方式添加多边形

    有没有办法使用 Leaflet 绘制插件以编程方式添加多边形 https github com Leaflet Leaflet draw https github com Leaflet Leaflet draw 例如 单击一个按钮并添加一
  • 无法读取 null 和其他 null 变量的属性“appendChild”

    在开始之前 我想让您知道我对 Web 开发还很陌生 我还想保留这个 100 javascript 所以现在没有 jquery 或其他语言 以下代码源自该视频 https www youtube com watch v esa5hJegRfI
  • toLocaleLowerCase() 和 toLowerCase() 之间的区别[重复]

    这个问题在这里已经有答案了 我试图fiddle http jsfiddle net xameeramir kr33b0aL with toLocaleLowerCase http www w3schools com jsref jsref
  • Javascript 递增运算求值顺序

    我知道后缀 前缀递增 递减运算符的作用 而在 javascript 中 这似乎没有什么不同 虽然我可以很容易地猜出这一行的结果 var foo 10 console log foo foo foo foo foo output 10 11
  • 如何在 AngularJS 中插入命令或阻止 $http 的 JSONP 自动解析?

    似乎我发现的关于 http 或 angularjs 的几乎每个问题或解释通常都假设您可以修改请求的响应 我不能这样做 而且我得到的响应格式错误 根据 AngularJS 解析器 它的格式错误一致 因此我可以在解析纯文本之前修改它来解决问题
  • 给定一个范围列表,我们如何找到给定值是否存在于 Node js 的该范围列表中

    我有一组 ip 范围 我需要查找用户给出的 ip 是否存在于给定的 ip 范围列表之间 这是这个问题的延续 如何使用node js检查给定的ip是否在给定的ip范围内 https stackoverflow com questions 46
  • 如何检查 Google 地图是否已完全加载?

    我正在将 Google 地图嵌入到我的网站中 加载 Google 地图后 我需要启动一些 JavaScript 进程 有没有办法自动检测 Google 地图何时完全加载 包括图块下载等 A tilesloaded 存在应该完全完成此任务的方
  • 如何找到“display: none”元素的尺寸?

    我在 div 中有一些获取 CSS 的子元素display none应用于它 我想找出子元素的尺寸是多少 我怎样才能做到这一点 小提琴演示 https jsfiddle net h9b17vyk var o document getElem
  • 如何从 API 获取雅虎天气背景?

    我有一个天气小部件 我需要动态背景 雅虎有天气 API 但我无法找到与天气类型相关的背景图像 https weather yahoo com https weather yahoo com 这可能吗 var url http query y
  • 更改卡片布局中的活动项目。扩展JS

    我有一个使用卡片布局的面板 如下所示 var cardpanel new Ext Panel id cardPanel title Card Layout region center layout card activeItem 0 aut
  • 与 jQuery 配合使用的backbone.js 替代品?

    有没有像backbone js这样的东西的替代品 它为你的前端javascript提供了一些框架 结构 但没有任何不需要的依赖项 并且与jQuery更紧密地结合在一起 您需要一个易于使用的 MVC 框架吗 因为Sammy js http s
  • screen.availHeight 和 window.height() 之间的区别

    我正在我的浏览器 Firefox 上执行以下 Javascript console debug 屏幕高度 屏幕可用高度 输出770 console debug 窗口高度 窗口 height 输出210 我也在使用 jQuery 两者有什么区
  • Javascript/jQuery/等中测量经过时间/一段时间后触发事件的方法

    我正在尝试使用 HTML5 Javascript 制作一个简单的游戏 我想对活动施加时间限制 例如 当玩家进入一个屋顶正在向他们逼近的房间时 我想给他们一些时间来做出决定 然后自动发生其他事件 但是 如果他们做出决定 我根本不希望触发定时功
  • 删除 JavaScript 中的不间断空格

    我无法从字符串中删除空格 首先我要转换div to text 删除标签 有效 然后我尝试删除 nbsp 字符串的一部分 但它不起作用 知道我做错了什么 newStr myDiv text newStr newStr replace nbsp

随机推荐

  • 什么属于聚合根

    这是一个实用的领域驱动设计问题 从概念上讲 我认为我得到了聚合根 直到我去定义一个聚合根 我有一个 Employee 实体 它已作为聚合根出现 在商业领域 some员工可以记录与工作相关的违规行为 员工 违规行为 由于并非所有员工都受到此限
  • 将数据表从一个数据集复制到另一个数据集

    我正在尝试将位于不同数据集 Y 内部的数据表添加到新的数据集 X 如果直接添加的话 会出现以下错误 DataTable 已属于另一个 DataSet 我是否必须克隆 DataTable 并将所有行导入其中 然后将新的 DataTable 添
  • 动画径向渐变CSS3:从左到右移动? [复制]

    这个问题在这里已经有答案了 我想要一个带有径向渐变的动画背景radial gradient circle rgba 255 255 255 0 8 0 rgba 255 255 255 0 100 将其从左向右移动 http jsfiddl
  • Magento 多个 Authorize.net 网关

    我见过这个关于货币类型的问题 但我要问的是如何在同一商店为不同的信用卡类型配置第二个 Authorize net 帐户 因此 我们希望一些信用卡使用第一个主 Authorize net 网关 而其他信用卡使用辅助 Authorize net
  • Background.js 找不到使用内容脚本注入的内容

    我的 Chrome 扩展有一个内容脚本 可以将自定义 DIV 注入当前页面 这部分有效 但是 该扩展还有一个右键单击上下文菜单 单击该菜单时 应该以某种方式修改此注入的 DIV 比方说 向该 DIV 添加一些文本 问题是找不到注入的内容 右
  • 尝试在Python中导入docx

    公平警告 我对 python 非常陌生 所以请原谅我犯的任何愚蠢错误 我希望能够使用 Python 在 Mac 上打开 关闭 操作 读取 Word 文档 docx 文件 python docx 模块看起来非常有用 所以我一直尝试将其安装在我
  • 如何在组织模式下取消选中下一个循环/重复任务的复选框

    对于组织模式下的循环或重复任务 在该任务内 如果有多个复选框且全部标记为勾选 则在一般任务屏蔽为 完成 后 下一个循环周期的复选框仍显示为勾选 并且应该取消勾选 例如 TODO Cyclic monthly home 0 5 SCHEDUL
  • Node.js - 部署 Node.js 应用程序时是否需要在生产服务器上重新安装所有模块

    我已经开发了我的第一个 Node js pp 目前 它只是放在我的笔记本电脑上 在开发过程中我必须安装一些模块 npm install socket io npm install email protected cdn cgi l emai
  • Angular 1 项目的 TSLint 配置

    我的团队正在使用 Angular 1 5 typescript 进行项目 有人可以给我关于像我这样的项目的最佳 TSLint 配置的建议吗 我现在想添加 TSLint 配置 https github com Microsoft TypeSc
  • 如何在数据坐标中的绘图之外编写注释

    我的图形来自y 1 to y 10 我想在任意位置写一小段文字 比如x 2000 y 5 ax annotate MgII xy 2000 0 5 0 xycoords data 现在我想要相同的 但这次文本必须位于图形之外 但位于我在数据
  • 聊天框,自动滚动到底部

    如何让聊天框自动滚动 HTML
  • IndexedDB - 什么是 Key、keyPath 和 indexName?

    我来自MySQL 习惯了传统的数据库表方案 我无法理解 IndexedDB 及其一些术语 我在文档中查找了这些定义 Key一种数据值 通过它在对象存储中组织和检索存储的值 索引名称要创建的索引的名称 keyPath要使用的索引的键路径 基本
  • 使用构建器和 MapStruct 将 null 值映射到默认值

    我想映射字段Source to Target类 如果源值为null 我想根据数据类型将其转换为默认值 表示字符串 0表示数字类型等 为了设置值 我没有使用常规设置器 而是使用构建器 带有protobuf https developers g
  • HTML 5 页面转换

    我想在页面之间进行漂亮 现代的过渡 我找到了这个教程 http www onextrapixel com 2010 02 23 how to use jquery to make slick page transitions http ww
  • 条形码(Code 128)字体有问题无法扫描

    很容易生成一个3 of 9 http www squaregear net fonts free3of9 shtml条形码使用Font Font f new Font Free 3 of 9 80 this Font f Label l n
  • 参数数量变化的多项式函数

    是否有可能 在Python中 定义参数数量不断变化的多项式类型的函数 参数的数量应该根据我的输入文件中的数据系列的数量而变化 目前我有这样的事情 def y x a0 x2 x3 x4 y a0 a1 x a2 x 2 a3 x 3 ret
  • 我怎样才能在 bouncyCastle 中做到这一点(获取安装的证书)?

    好吧 我对 bouncyCastle 的加密世界还很陌生 也许是一个心理障碍 我似乎找不到 google for 相当于 X509Store store new X509Store StoreName My StoreLocation Cu
  • 有没有更快的方法在 OpenCV 中应用亮度?

    在我的应用程序中 我有以下代码 它将像素的亮度更改 20 for int y 0 y lt src rows y for int x 0 x lt src cols x for int c 0 c lt 3 c src at
  • Typescript:如何在 React 组件中设置子项的类型?

    我可以在 TypeScript 中设置子项的类型吗 例如我有这样的组件 class UserProfile extends React Component lt id number void gt class Thumbnail exten
  • 道场:道场 onblur 事件

    我有一个 dojo 1 5 的表单设置 我正在使用 dijit form ComboBox 和 dijit form TextBox 组合框具有 汽车 自行车 摩托车 等值 文本框是组合框的形容词 因此 组合框中的内容并不重要 但如果组合框