- 浏览: 1064565 次
- 性别:
- 来自: 长沙
文章分类
- 全部博客 (639)
- 服务器配置篇 (58)
- hibernate篇 (14)
- spring篇 (33)
- struts篇 (28)
- JS篇 (46)
- 其他技术篇 (46)
- 数据库集群配置 (6)
- JAVA基础相关 (48)
- 分布式框架HadHoop的应用 (2)
- FLEX篇 (8)
- SQLSERVER技术 (32)
- Android学习 (13)
- amchart学习笔记 (1)
- openfire+smark搭建即时通讯 (9)
- Linux学习 (18)
- Oracle数据库 (15)
- 网站优化技术 (12)
- mysql数据库 (2)
- 项目学习总结 (18)
- 工具类(JAVA) (12)
- 工具类(JS) (2)
- 设计模式 (10)
- Lucene学习 (24)
- EJB3学习 (6)
- Sphinx搜索引擎 (3)
- 工作中用到的软件小工具 (5)
- .NET (49)
- JAVA 连接SQLSERVER2008步骤 (1)
- MongoDB (19)
- Android手机开发 (3)
- Maven (6)
- vue (9)
- Shiro (4)
- mybatis (3)
- netty框架 (1)
- SpringCloud (3)
- spring-cloud (7)
- Git (1)
- dubbo (2)
- springboot (13)
- rocketmq (1)
- git学习 (2)
- kafka服务器 (2)
- linux (10)
- WEB系统辅助项目 (1)
- jenkins (2)
- docker (4)
- influxdb (3)
- python (2)
- nginx (1)
最新评论
-
jiangfuofu555:
这样数据量大,效率怎么样?
sqlserver 实现分页的前台代码 以及后台的sqlserver语句 -
w156445045:
博主请问下,如何做到实时的刷新呢,
另外我后台是Java 谢谢 ...
web 版本的汽车仪表盘,非常好看。还有各种图形 -
jackyin5918:
<transportConnector name=&qu ...
ActiveMQ的activemq.xml详细配置讲解 -
握着橄榄枝的人:
你这个不是spring1.x的吧
spring1.x使用AOP实例 -
xiaophai:
全乱套了!
openfire+spark搭建完美的及时通讯
完成JQUERY的自动填充功能:
首先在页面要去去要填充数据:
页面:
<tr>
<td nowrap="true">
设备号:
</td>
<td>
<input type="text" class="TextBox100" id="VehicleNumber"/>
</td>
</tr>
首先设置#VehicleNumber的最小长度为0.
然后去去该文本框中的数据。
然后设置该文本框的点击事件,当点击的时候就去触发显示该下拉列表。
他返回的是JSON数据的格式。
$("#VehicleNumber").autocomplete({
minLength: 0
});
$.getJSON('@Url.Action("GetVehicleSearchData")', {}, function (data) {
$("#VehicleNumber").autocomplete("option", "source", $.map(data, function (val) { return val.VehicleNumber }))
});
$("#VehicleNumber").focusin(function () {
$("#VehicleNumber").autocomplete("search");
});
action代码:
首先是定义数据的模型类,也就是我们页面所需要的数据集合;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace RSUWeb.Models
{
public class InitSearchVehicle
{
public string VehicleNumber { get; set; }//车辆编号
public string VehicleTypeNumber { get; set; }//整车型号
public string RsuNumber { get; set; }//RSU编号
public string SimNumber { get; set; }//SIM卡号
}
}
然后定义ACTION中的查找方法:
public ActionResult GetVehicleSearchData()
{
return Json(positionServiceIndexService.GetVehicleSearchData(), JsonRequestBehavior.AllowGet);
}
服务层代码:
一定要注意的问题,我们不能用我们已经定义好的实例类模型,估计是我定义的实例类模型中有别的对象的引用的
原因,通过实体框架我查找到的是Vehicle类型的对象,然后我通过给我自定义的类型进行赋值,然后再返回给页面。
public List<InitSearchVehicle> GetVehicleSearchData()
{
List<InitSearchVehicle> result = new List<InitSearchVehicle>();
var vehicles = positionServiceIndexRepository.GetMany(vehicle => 1 == 1);
foreach (var vehicle in vehicles)
{
InitSearchVehicle initvehicle = new InitSearchVehicle();
initvehicle.VehicleNumber = vehicle.VehicleNumber;
initvehicle.VehicleTypeNumber = vehicle.VehicleTypeNumber;
initvehicle.RsuNumber = vehicle.RsuNumber;
initvehicle.SimNumber = vehicle.SimNumber;
result.Add(initvehicle);
}
return result;
}
发表评论
-
flash+xml动态加载图片
2012-06-25 21:26 1305flash+xml动态加载图片 -
js去掉回车与空格
2012-05-08 08:50 1285$(function() { var flag = ... -
转:解剖JavaScript中的null和undefined
2012-02-07 09:46 939在JavaScript开发中,被人 ... -
jquery 样式的按钮
2011-10-12 09:19 897jquery 样式的按钮 -
jQuery的radio,checkbox,select操作
2011-09-29 22:28 925获取一组radio被选中项的值 var item = $(' ... -
javascript---parseInt("08")或parseInt("09")转换返回0的解决办法
2011-09-15 18:23 1102javascript parseInt函数使用率非常高,主 ... -
jquery ui 的datepicker日期插件使用
2011-05-17 22:12 1864首先是下载所需要的JS ... -
Jquery缓存页面内容(功能很强大)
2011-05-17 22:10 1770我们在做项目的时候, ... -
Jquery读取Json并解析
2011-05-17 22:09 1344客户端访问服务器后ACTION中的代码:[Descriptio ... -
Jquery 读取解析xml文件并解析
2011-05-17 22:08 1765Menus.xml<?xml version=" ... -
用JS实现刻度尺形式的报表
2011-05-17 21:54 1922现在项目有个需求,想根据刻度尺来表示24个小时,然后通过类似进 ... -
ymprompt弹出层替代window自带弹出层
2011-05-10 22:35 2092ymPrompt消息提示组件4.0 ... -
jqgrid 的treegrid用法
2011-04-15 21:14 2357工作中用到的。先上效果。以后再结合asp.net mvc3来做 ... -
学习Meta标签
2010-04-14 08:28 906一直以来有很多人却忽 ... -
图片IMG垂直居中align=absmiddle属性通不过验证,用CSS解决
2010-04-12 08:35 4001原帖地址:http://www.aa25.cn/content ... -
JQuery 验证插件Ajax Fancy Capcha的使用(JAVA版本)
2010-04-08 17:20 25921.首先下载Ajax Fancy Capcha的所有JS,CS ... -
有时候document.thisForm.submit()函数浏览器报错的原因
2010-04-08 17:08 2306我的原因是在FORM里面的提交按钮的NAME="su ... -
主题:Uploadify上传插件中文乱码问题解决方法
2010-04-08 09:21 4521在使用Uploadify插件进行文件上传时,当上传的文件名包含 ... -
jQuery上传插件Uploadify使用详解
2010-04-08 09:06 5102下面就来介绍下这些key值的意思:uploader : upl ... -
Uploadify 插件的使用 java 版 jsp+servlet
2010-04-08 08:48 9973工程截图: jar包: commons-fileu ...
相关推荐
本项目“jQuery自动填充表单功能代码.zip”旨在介绍如何利用jQuery UI的Autocomplete组件来实现表单字段的自动填充功能。这个功能常见于搜索引擎、登录表单和任何需要快速输入建议的场景中,能提升用户体验并减少...
【jQuery自动填充】是一种在网页表单中实现数据自动填充的技术,主要应用于提高用户体验,减少用户手动输入的繁琐过程。jQuery库是JavaScript的一个轻量级框架,它简化了DOM操作、事件处理、动画制作和Ajax交互等...
而jQuery自动填充插件(jQuery autoComplete)是jQuery库的一个扩展,专为创建智能搜索和自动补全功能而设计。这个插件能够帮助用户在输入框中快速找到匹配项,提高用户体验,尤其适用于大型数据集的搜索。 **插件...
总结,jQuery UI Autocomplete插件是一个强大且灵活的工具,能够帮助开发者快速实现自动填充功能。通过理解并巧妙运用其提供的参数,可以定制出满足各种需求的搜索体验,从而提升网站或应用的用户体验。无论是在小型...
描述中的"下拉选择 自动提示 自动完成"暗示我们将讨论一个基于输入框的自动填充建议系统。 1. **基础原理**: - 用户在输入框(input元素)中输入文字时,触发`keyup`或`input`事件。 - 通过jQuery监听这些事件,...
本项目"jquery自动填充搜索框"着重于实现一个功能强大的搜索框,它能够根据用户输入的字符自动填充建议的搜索结果。这个特性常见于许多网站的搜索功能中,为用户提供快速而准确的查询体验。 首先,我们需要理解...
【jQuery底部自动填充瀑布流代码】是一个用于网页布局的JavaScript插件,主要应用于网页内容展示,尤其是图片或信息卡片的网格化布局。这种布局方式可以让页面在不同屏幕尺寸下自适应,保持美观的同时提高用户体验。...
然而,如果你的页面已经使用了jQuery库,并且需要在某些特定条件下禁用自动填充,你可以使用jQuery来控制隐藏输入元素的显示状态。例如,你可以在页面加载后或特定事件触发时隐藏这些元素: ```javascript $...
接着,我们讨论自动填充功能。这通常用于表单字段,可以设置一个定时器来自动填充输入框的值。假设我们有一个id为`autoFillInput`的输入框,我们可以这样做: ```javascript $(document).ready(function() { var ...
这个项目就是针对这种情况提供的一种解决方案,它利用jQuery库和相关的JavaScript插件来实现自动填充功能。这里我们将详细探讨“日本都道府县填充,邮编自动填充基于jquery.zip2addr.js实现”这一主题。 首先,`...
- URL:字符串形式的 URL,jQuery UI 将自动发起 AJAX 请求。 4. **其他配置选项** - `minLength`:指定用户输入多少字符后开始提示,默认为 1。 - `delay`:在用户停止输入后,等待多久再发起请求,单位为毫秒...
在本教程中,我们将探讨如何使用Asp.Net后端配合jQuery和Ajax技术来实现类似百度搜索栏的自动填充功能。 首先,我们需要了解基础概念: 1. **Ajax(Asynchronous JavaScript and XML)**:异步JavaScript和XML,是...
本文将深入探讨如何使用jQuery实现输入框的动态填充功能,这对于提升用户体验和增强网页交互性至关重要。 首先,我们需要理解动态填充的基本概念。在网页中,动态填充指的是根据用户的行为或特定条件,自动在输入框...
jQuery.formautofill是一个轻量级的JavaScript库,它扩展了jQuery的功能,允许开发者通过简单的API调用快速填充表单字段。这个插件特别适合那些需要批量处理或动态生成表单数据的场景,如批量导入、数据预览等。通过...
《jQuery自动填充搜索框特效代码解析与应用》 在网页设计和开发中,提供便捷的用户交互体验至关重要,其中搜索框的自动填充功能是常见的一种优化手段。jQuery,作为一款强大的JavaScript库,提供了丰富的功能来简化...
本示例“JavaWeb ajax异步自动填充信息”是一个典型的Ajax应用,模拟了搜索引擎如百度在用户输入时自动填充建议的功能。 首先,我们需要理解Ajax的工作原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在...
前端接收到结果后,再展示给用户供其选择或自动填充。 ### 关键技术点 #### jQuery jQuery是一款快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,是实现自动完成功能的前端...
本篇文章将深入探讨如何在Java后端支持下,利用jQuery实现前端的自动补全(Autocomplete)功能,以提高用户体验并优化数据输入流程。 一、jQuery Autocomplete简介 jQuery Autocomplete是jQuery UI库中的一个组件,...