zoukankan      html  css  js  c++  java
  • Ext,保存输入记录,并会提示输入

      Ext的ComboBox组件使用非常多,通过配置输入框可以被允许成为一个。并可以存储输入记录,记录提示的基础,然后进行再次进入,以提高的用户体验输入操作。

      代码非常easy,基本操作,如以下:

    // 输入提示
    Ext.create("Ext.form.ComboBox", {
    		renderTo: "放置的组件ID",
    		name: "input",
    		labelWidth: 40,
    		 400,
    		hideEmptyLabel: true, 	// 隐藏空的文本标签
    		hideTrigger: true, 		// 隐藏下拉button
    		queryMode: "local",		// 查询方式,远程或是本地
    		enableKeyEvents: true,	// 同意键盘事件
    		margin: "10 0 0 0",
    		displayField: "content",
    		valueField: "content",
    		store: Ext.create("Ext.data.Store", {
    				fields: ["content"]
    			}),
    		inputData: [],		// 保存已经输入的信息
    		listeners: {
    				keydown: function(el, e) {
    						if (e.getKey() === Ext.EventObject.ENTER) {
    							var has = false;
    							// 遍历已输入的内容
    							Ext.each(el.inputData, function(item) {
    									// 查看输入内容是否存在
    									if (item.content === el.getValue()) {
    										has = true;
    										return false;
    									}
    									return true;
    								});
    							if (!has) {
    								// 保存输入内容
    								el.inputData.push({content: el.getValue()});
    								// 将输入内容载入到下拉框存储中
    								el.getStore().loadData(el.inputData);
    							}
    						}
    					}
    			}
    	});


    版权声明:本文博主原创文章。博客,未经同意不得转载。

  • 相关阅读:
    Redis面试题
    spring boot错误: 找不到或无法加载主类
    JAVA的高并发编程
    Redis多机多节点集群实验
    Redis单机多节点集群实验
    Redis集群概述
    Redis的持久化之AOF方式
    Redis的持久化之RDB方式
    Redis持久化介绍
    Redis Keys的通用操作
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4913390.html
Copyright © 2011-2022 走看看