Extjs 回车查询】的更多相关文章

listeners: { afterRender: function (thisForm, options) { this.keyNav = Ext.create('Ext.util.KeyNav', this.el, { enter: function () { //if (window.Rights.R1010101) { thisForm.down('button[action=select]').fireEvent('click', thisForm.down('button[actio…
最近项目中有个需求,就是有四个模块需要加载一个主表的内容,比如说这个表叫项目表(比如项目表里有两个字段一个是项目ID--projCd,还有一个是项目名称--projNm).主表的内容的要放在一个下拉框里选择.当然他的特别之处在于,项目太多,需要一个满足可以查询的下拉框来匹配项目名称.由于有多处地方要用,所以我把生成这个下拉框的JS做了一下封装,需要传入模块各自的查询Action的URL,还有各模块对应表里项目ID的字段名称(用来传参数)等等. 可喜可贺的是项目中用了ExtJS,不必四处去搜罗JQ…
项目中用的element-ui是v1.4.3版本 实现的功能是在input中输入查询的名称,按下键盘回车键,可以查询表格中数据 问题是,我输入名称,按下回车,会整个表单刷新,搜索条件也被清空:代码如下: <sc-form-layout class="sc-box-content sc-box-conten-search"> <sc-form-layout-row> <sc-form-layout-col> <el-form :model=&qu…
<script type="text/jscript"> var grid; Ext.onReady(function () { Ext.QuickTips.init(); var reader = new Ext.data.Record.create([ { name: 'DWDM', type: 'string' } , { name: 'AZFS', type: 'string' } , { name: 'ND', type: 'string' } , { name:…
一个UI前台组件肯定会比较多,我们通常习惯性的使用ID来获取需要操作的组件,但是这种方法是extjs推荐的么?有没有extjs推荐使用的获取组件的方法呢? 目录 目录 extjs的查询组件的API 查询实例 基本的组件查询 组件树查询 通过组件的属性检索 属性匹配操作符 逻辑运算的 官方案例 extjs的查询组件的API 组件查询API文档地址:5.1.0-apidocs/#!/api/Ext.ComponentQuery-method-query 可以看到是使用的Ext.ComponentQu…
一UI前部组件势必更加,我们通常习惯性使用ID获取部件操作的需要.但是,这种方法是extjs推荐么?你有吗extjs利用它来获取组件的推荐方法? 夹 文件夹 extjs的查询组件的API 查询实例 主要的组件查询 组件树查询 通过组件的属性检索 属性匹配操作符 逻辑运算的 官方案例 extjs的查询组件的API 组件查询API文档地址:5.1.0-apidocs/#!/api/Ext.ComponentQuery-method-query 能够看到是使用的Ext.ComponentQuery这个…
系列目录 前言 听标题的名字似乎是一个非常牛X复杂的功能,但是实际上它确实是非常复杂的,我们本节将演示如何实现对数据,进行组合查询(数据筛选) 我们都知道Excel中是如何筛选数据的.就像下面一样 他是一个并的关系,我们现在要做的也是这样的效果,下面我们将利用EasyUI的DataGrid为例来扩展(就算是其他组件也是可以的,同样的实现方式!) 实现思路 前台通过查询组合json 后台通过反射拆解json 进行组合查询 虽然短短3点,够你写个3天天夜了 优点:需要从很多数据中得到精准的数据,通常…
(园里很多文章,美名其曰 :ExtJs GridPanel+查询条件+分页.  但是加查询条件后点击下一页,查询条件失效,求你们自己测试明白再显摆 不要误导我这种新人.) ExtJs6发布了,ExtJs4并不新鲜了,首先要说的是在5.X和6.X里关于此问题,是不是有属性或者方法的变化我并不确定. ExtJs4的proxy中,并没有baseparams这个属性,ExtJs4中变成了什么呢? 查了很多大家的中文博客也没找到结果,最后看到一段英文: You need to use the 'extra…
这里用到的是在查询框中输入数据后直接回车直接查询. //回车执行查询事件(执行class='btn-query'的单击事件) $(document).keydown(function (event) { if (event.keyCode == "13") { //回车执行的事件 $(".btn-query").click(); return; } }); 这样写后就基本可以实现回车查询了,但在一些情况下存在问题,就是我们的数据是写在一个form中的,并且该form…
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:    1. 如果表单里有一个type="submit"的按钮,回车键生效.    2. 如果表单里只有一个type="text"的input…
JS监听整个页面的回车事件 <script type="text/javascript"> document.onkeydown=keyDownSearch;        function keyDownSearch(e) {          // 兼容FF和IE和Opera          var theEvent = e || window.event;          var code = theEvent.keyCode || theEvent.which…
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此.比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交. 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:    1. 如果表单里有一个type="submit"的按钮,回车键生效.    2. 如果表单里只有一个type="text"的input…
一.Find操作 二.分页和排序 三.游标的使用 一.Find查询 事前准备:插入如下数据 db.Students.insert([ { _id:1, name:"Zhao", age:25, country:"USA", books:["JS","C++","EXTJS","MONGODB"]}, { _id:2, name:"Qian",age:22, count…
类似于百度搜索框的模糊查找功能 需要有有已知数据,实现搜索框输入字符,然后Js进行匹配,然后可以通过鼠标点击显示的内容,把内容显示在搜索框中 当然了,正则只是很简单的字符匹配,不具备多么复杂的判断 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模糊查询</title> <style> *{…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模糊查询</title> <style> *{ list-style: none; padding:0; margin:0; } div{ text-align: center; padding-top:20px; } ul{ padding-t…
天气查询包括回车查询和点击查询两种功能 回车查询 1.按下回车(v-on+.enter) 2.查询数据(axios+接口+v-model) 3.渲染数据(v-for+arr) 点击查询 1.点击城市查询(v-on+自定义参数) 2.查询数据(this.) 3.渲染数据(this.) <template> <div id="app"> <div> <div id="one"> <input type="t…
背景 Extjs4.2 默认提供的Search搜索,功能还是非常强大的,只是对于国内的用户来说,还是不习惯在每列里面单击好几下再筛选,于是相当当初2.2里面的搜索,更加的实用点,于是在4.2里面实现. 国际惯例,先上图 参考文献 https://gist.github.com/aghuddleston/3297619/ http://gridsearch.extjs.eu/ 国外的大牛已经帮我们实现了在4.0中的应用,但是到4.2还需要做少许变更才可以使用. 修改后的源代码如下[复制如下代码,放…
在网易云课堂看到小甲鱼的python视频,想起以前看就是看他的视频学C的虽然后来不了了之都怪我自己啦,于是决定跟着这个视频来学python啦! IDLE IDLE其实是一个python shell ,是一个通过键入文本与程序交互的途径. 用python写一个猜数字小游戏 按F5可以直接运行 python程序真的戳中老夫的心了,语句后面不需要";",不需要声明变量,程序段也不需要{},嗨森! 需要注意: 虽然变量没有限定类型,但是input函数返回的类型是字符串,所以temp是字符串型,…
在这里说一说浏览器里form表单的默认行为 我们都知道浏览器是存在很多默认行为的,可能是出于常用行为考虑又或者是历史原因.但有时候我们不需要这些默认行为.以下: 1).当form表单里只存在一个input输入框时,回车会提交表单操作.  解决方法可以在form里面再加入一个隐藏的input输入框,或者把input从form里面放出来. 2).当form表单里有一个type="submit"的按钮,回车会自动提交. 3).当form表单里的button按钮没有加type类型时,在ie下默…
李明杰视频 SVN 就10-12使用技术SVN 源代码会引发哪些问题? 无法后悔:做错一个操作 版本备份:费控件,费时间 版本混乱:因版本备份太多造成混乱 代码冲突:多人操作同一文件 强烈建议 使用源代码管理工具 SVN集中式的版本控制 是CVS的接班人 速度比CVS快,功能比CVS多 且强大 在国内软件企业中使用最为普遍 GIT 一款伟大的分布式源代码管理工具 SVN基本配置 <1>找SVN的账号密码 <2>登陆SVN服务器 下载代码 checkout (就可以把代码仓库的代码下…
现在项目做完了,我觉得还是有必要总结一下,学习到的内容.毕竟有总结才能有提高嘛!总结一下通用的东西,不管什么项目基本都可能会遇到,有写地方也有重复的或者有的是按照个人的习惯来总结的不一定都对,有不对的地方还是希望大家可以指正! 易用性 1.便于使用.理解.并能减少用户发生错误选择的可能性   2.当数据字段过多时,使用便于用户迅速吸取信息的方式表现信息,突出重点信息,标红等方式  3.显示与当前操作相关的信息,给出操作提示.  4.界面要支持键盘自动浏览按钮功能,即按Tab键.回车键的自动切换功…
document.onkeydown=keyDownSearch; function keyDownSearch(e) { // 兼容FF和IE和Opera var theEvent = e || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { alert('回车');//具体处理函数 return false; } return true; }…
// 通过证件号码查询人员基本信息,响应回车事件的js函数, $('#sfwwsss [name="AAC002"]').keydown(function(event) { var curKey = event.which; // 事件代码为“回车” ——查询人员基本信息 if(curKey==13){ ryjbxx_query(); } }); 1 通过传入的event.which这个属性来进行判断.比如“回车”的值就是13 .…
什么是Node.js Nodejs是一个基于Chrome v8引擎的JavaScript运行环境 Node.js使用了一个事件驱动,非阻塞式I/O的模型,使其轻量又高效. Node.js 的包管理器 npm,是全球最大的开源库生态系统. Node.js可以解析JS代码(没有浏览器安全级别的限制) 提供很多系统级别的API,如: 文件的读写 进程的管理 网络通信 ... 准备 Node.js nvm(node版本管理) 使用nvm(node version management)来安装并维护多个N…
一.简介 BootstrapTable是一个Bootstrap 3 的表格插件,支持单选, 复选框, 排序, 分页等功能 官网:http://bootstrap-table.wenzhixin.net.cn/ github:https://github.com/wenzhixin/bootstrap-table 二.常用属性 1.开启查询 search: true,searchAlign: "left",searchOnEnterKey: true, //回车查询 2.显示刷新按钮 s…
使用 AppScan 进行扫描 针对大型网站的扫描,我们按照戴明环 PDCA 的方法论来进行规划和讨论,建议 AppScan 使用步骤:计划(Plan).执行(Do).检查(check).分析(Analysis and Action). 在计划阶段:明确目的,进行策略性的选择和任务分解. 明确目的:选择合适的扫描策略 了解对象:首先进行探索,了解网站结构和规模 确定策略:进行对应的配置 按照目录进行扫描任务的分解 按照扫描策略进行扫描任务的分解 执行阶段:一边扫描一遍观察 进行扫描 先爬后扫(继…
目录 一.概述 二.模块重新划分 三.优化定时任务 四.发送邮件 五.源代码 一.概述 上一篇文章python-定时爬取指定城市天气(一)-发送给关心的微信好友中我们讲述了怎么定时爬取城市天气,并发送给指定微信好友,文末遗留两个问题 定时任务做成windows服务,这样更优雅,随开机启动 发送消息给微信好友换成发送邮件给指定邮箱 本篇文章我们在原来代码的基础上进行了一定的模块拆分,并处理以上两个问题 二.模块重新划分 1. 新增my_job.py文件,把任务模块单独划分出来 之前的定时任务使用的…
针对大型网站的扫描,我们按照戴明环 PDCA 的方法论来进行规划和讨论,建议 AppScan 使用步骤:计划(Plan).执行(Do).检查(check).分析(Analysis and Action). 在计划阶段:明确目的,进行策略性的选择和任务分解. 明确目的:选择合适的扫描策略 了解对象:首先进行探索,了解网站结构和规模 确定策略:进行对应的配置 按照目录进行扫描任务的分解 按照扫描策略进行扫描任务的分解 执行阶段:一边扫描一遍观察 进行扫描 先爬后扫(继续仅测试) 检查阶段(Check…
易用性 1.便于使用.理解.并能减少用户发生错误选择的可能性 2.当数据字段过多时,使用便于用户迅速吸取信息的方式表现信息,突出重点信息,标红等方式 3.显示与当前操作相关的信息,给出操作提示. 4.界面要支持键盘自动浏览按钮功能,即按Tab键.回车键的自动切换功能 5.对于常用的功能,用户不需要阅读用户手册就能使用 一致性 1.是否符合广大用户使用同类软件的习惯 2.表现形式的一致性,字体.按钮.控件风格.颜色.术语.提示信息等.(需要有一个全局的概念,不要每个模块都按照他们自己的风格做,结果…