文档章节

21.EASYUI searchbox组件

F
 Favour
发布于 2016/08/16 20:47
字数 386
阅读 5
收藏 0
点赞 0
评论 0

一,基本搜索框组件

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic SearchBox - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>基本搜索框组件</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>在输入框中点击搜索按钮或者按Enter键执行查询.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<input class="easyui-searchbox" data-options="prompt:'请输入...',searcher:doSearch" style="width:300px"></input>
	<script>
		function doSearch(value){
			alert('您输入的是: ' + value);
		}
	</script>
</body>
</html>

二,分类搜索

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic SearchBox - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>分类查询</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>选择一个类别然后在输入框中点击搜索按钮或者按Enter键执行查询.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<input class="easyui-searchbox" data-options="prompt:'请输入...',menu:'#mm',searcher:doSearch" style="width:300px"></input>
	<div id="mm" style="width:120px">
		<div data-options="name:'all',iconCls:'icon-ok'">所有新闻</div>
		<div data-options="name:'sports'">体育新闻</div>
	</div>
	<script>
		function doSearch(value,name){
			alert('您输入的是: ' + value+'('+name+')');
		}
	</script>

</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 185
码字总数 96673
作品 0
成都
程序员
Easyui 1.3.6 发布

Bug treegrid: getChecked方法不能返回正确的行. fixed. tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方...

夏悸 ⋅ 2014/04/04 ⋅ 33

使用jsoup从网页中提取非脚本文本内容

网页中的脚本一般在<script>标签中,例如 <script type="text/javascript"> F.use(["/static/common/ui/tangram/base/base.js","/static/widget/common/searchbox/searchbox.js","/static/co......

icheer ⋅ 2013/05/09 ⋅ 0

jQuery EasyUI 1.3.2 发布

jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等逐渐, 下图是一个具有布局效果的窗口: jQuery EasyUI 1.3.2 发布了,详细的改进记录: Bu...

夏悸 ⋅ 2013/01/06 ⋅ 13

有没有效果类似Angular Advanced Searchbox的非Angular插件?

有没有效果类似Angular Advanced Searchbox的非Angular插件? http://dnauck.github.io/angular-advanced-searchbox/ 想用类似的效果,但是又不想用Angular...

gary34 ⋅ 2017/01/19 ⋅ 0

Ember By Examples(总体介绍)

高生产率是emberjs显著的一个特点,如果您接受emberjs团队的思想,认为web程序就该这样子写,那么他们所承诺的好处您都会一一体会。 本人写过很长一段时间的YUI,而且熟悉nodejs和其它函数式...

jianglibo ⋅ 2016/01/03 ⋅ 0

WCMS Hybris前台组件

介绍 WCMS:根据数据库得到页面及组件,展示页面。 主要由页面(Page)、页面位置(PageSlot)、组件(Component)三部分构成一个页面。 一个Page对应多个PageSlot,一个页面位置对应多个Compo...

C-Kellen ⋅ 2016/07/14 ⋅ 0

android studio problems

1 在android studio 下新建android project ,编译没有问题。 而导入已经存在的项目时,一直报错:Connection refused。 这个时候就要考虑是配置哪里跟自己android studio 本地的不一样,果然...

CamilleIT ⋅ 2016/07/26 ⋅ 0

Search Synchronizer

Synchronizes the firefox searchbox 16 default search engines, and the ability for you to add more... 已更新 2007 年 03 月 5 日...

匿名 ⋅ 2008/09/19 ⋅ 0

SearchBox Sync

当你直接用一个搜索引擎 (Google, Yahoo, Live, MSN, YouTube, ...) 搜索时,SearchBox Sync 能够自动同步搜索栏内容。自定义同步规则很容易添加到你首选的搜索引擎。 已更新 2008 年 06 月 ...

匿名 ⋅ 2008/09/19 ⋅ 0

EasyUI基础入门之Parser(解析器)

前言 JQuery EasyUI提供的组件包括功能强大的DataGrid,TreeGrid、面板、下拉组合等。用户可以组合使用这些组件,也可以单独使用其中一个。(使用的形式是以插件的方式提供的) EasyUI体系结构 ...

LCore ⋅ 2014/07/11 ⋅ 9

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【elasticsearch】 随笔 Date datatype

一。时间类型的本质 首先json是没有时间类型的,对于es来说,时间类型的标示可以是下面三种情况 1.一个时间格式的字符串,如:"2014-11-27T08:05:32Z","2015-01-01" or "2015/01/01 12:10:3...

xiaomin0322 ⋅ 10分钟前 ⋅ 0

阿里云资源编排ROS使用教程

阿里云资源编排ROS详细内容: 阿里云资源编排ROS使用教程 资源编排(Resource Orchestration)是一种简单易用的云计算资源管理和自动化运维服务。用户通过模板描述多个云计算资源的依赖关系、...

mcy0425 ⋅ 12分钟前 ⋅ 0

适配器设计模式

1、适配器模式 把一个类的接口变换成客户端所期待的另一种接口 使原本因接口不匹配而无法在一起工作的两个类能够在一起工作 分为类的适配器模式和对象的适配器模式 2、类适配器模式 类的适配...

职业搬砖20年 ⋅ 16分钟前 ⋅ 0

npm操作报错 _stream_writable.js:61

有一天 不知道什么原因(估计和node的版本有关),无论你做什么npm的操作 都会报错/usr/local/lib/node_modules/npm/node_modules/readable-stream/lib/_stream_writable.js:61 这时候只要执...

lilugirl ⋅ 20分钟前 ⋅ 0

Eclipse安装插件的几种方式

Eclipse魅力之一就是支持可扩展的插件,来丰富自身的功能,这种方式也是建立在开源思想之上的。具体使用什么方式去安装插件,要看我们拿到的是什么。 1. 拿到的是一串URL,如http://subclips...

GordonNemo ⋅ 22分钟前 ⋅ 0

div图片叠加

css实现代码如下: <div style="position: relative;"><!--这个层为外面的父层,需设置相对位置样式--> <div style="position: absolute;"><!--子层,需设置绝对位置样式--> <i......

niithub ⋅ 24分钟前 ⋅ 0

作用域slot

如果父组件需要使用子组件中的内容怎么办,比如父组件需要控制子组件的显示 <div id="root"><child><template slot-scope="props"><h1>{{props.item}} <div>编辑</div></h1><......

金于虎 ⋅ 26分钟前 ⋅ 1

HongHu commonservice-eureka 项目构建过程

上一篇我们回顾了关于 spring cloud eureka的相关基础知识,现在我们针对于HongHu cloud的eureka项目做以下构建,整个构建的过程很简单,我会将每一步都构建过程记录下来,希望可以帮助到大家...

明理萝 ⋅ 29分钟前 ⋅ 1

xml和对象的相互转化

@Data//setter和getter方法,toString和equals,hashcode方法@EqualsAndHashCode//代表重写equals和hashcode方法@XmlAccessorType(XmlAccessType.FIELD)public class Classroom {@X......

拐美人 ⋅ 29分钟前 ⋅ 0

tableView cell的高度 分组头部尾部的高度 自适应

@property (nonatomic) CGFloat rowHeight; // default is UITableViewAutomaticDimension@property (nonatomic) CGFloat sectionHeaderHeight; // default is UITableViewA......

娜一片蓝色星海 ⋅ 31分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部