jQuery Tags Input 插件显示选择记录

基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQuery Tags Input 插件之前,一直想找一个合适的J…

jQuery Tags Input 插件显示选择记录

利用jQuery Tags Input 插件显示选择记录最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQue…

（转）基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

http://www.cnblogs.com/wuhuacong/p/3667703.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input…

jQuery Tags Input Plugin 插件的使用

一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能. 官网:http://xoxco.com/projects/code/tagsinput/ 引入 <link href="../../resources/css/jquery.tagsinput.css" rel="stylesheet" type="text/css" /> 一般引…

jquery结合highcharts插件显示实时数据动态曲线图

效果如图所示: js代码如下: $(document).ready(function() { Highcharts.setOptions({ global: { useUTC: false }, colors:"#08c,#ff5a00".split(","), symbols: ["circle","triangle"] }); var options = { chart: { renderTo: 'container',…

jquery.validate.js插件的使用方法

近期做项目.须要用到 jQuery.validate.js插件,于是记录一下工作中的一些经验,以便日后学习. [样例例如以下] 1.前台页面 <form id="form1" method="post"> username:<input type="text" id="UserName" name="UserName" /><!--<span id="name_…

jquery.chosen.js下拉选择框美化插件项目实例

由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生变化.为了界面的美观,不得已查资料寻找另外的插件. 使用jquery.chosen.js下拉选择框美化插件同样也能达到类似效果完成效果如下实现步骤如下 1.导入相关文件 <link rel="stylesheet" href="${ctxStatic}/css/chos…

选择29部分有用jQuery应用程序插件（免费点数下载）

免积分下载:http://download.csdn.net/detail/yangwei19680827/7238711 原文地址:http://www.cnblogs.com/sxwgf/p/3680421.html 今天我们来分享一些有用的jQuery应用插件,没有特别花哨.但都比較有用,jQuery菜单.jQuery图片都有涉及到,一起来看看. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源代码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示 …

使用input:file控件在微信内置浏览器上传文件返回未显示选择的文件

使用input:file控件在微信内置浏览器上传文件返回未显示选择的文件原来的写法: <input type="file" accept="image/x-png,image/jpeg" /> 改成: <input type="file" accept="image/*" /> 解决!…

Jquery基础教程第二版学习记录

本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做什么:为什么需要jquery. 第二章:选择符工厂函数$()css选择符属性选择符自定义选择符DOM遍历方法第三章:事件jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库.常用方法:(包括键盘,鼠标事件)blur([[data],fn]…

Logstash介绍及Input插件介绍

一.Logstash简介 Logstash是一个开源数据收集引擎,具有实时管道功能.Logstash可以动态地将来自不同数据源的数据统一起来,并将数据标准化到你所选择的目的地. Logstash管道有两个必需的元素,输入和输出,以及一个可选元素过滤器.输入插件从数据源那里消费数据,过滤器插件根据你的期望修改数据,输出插件将数据写入目的地. 输入:采集各种样式.大小和来源的数据数据往往以各种各样的形式,或分散或集中地存在于很多系统中.Logstash 支持各种输入选择 ,可以在同一时间从…

利用jquery的imgAreaSelect插件实现图片裁剪示例

http://www.cnblogs.com/mizzle/archive/2011/10/13/2209891.html 将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它的实现步骤: 1.包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件 2.html代码(要裁剪的图片元…

jquery的各种插件调用（有些已经过时，以备注，其他的一些可以闲的时候用作拆解）

jquery的valiteDate验证插件应用 <!DOCTYPE html> <html> < head> < meta charset= "UTF-8"> < title></title > < script src= "js/jquery-1.11.1.min.js" type="text/ja…

VS2010中使用Jquery调用Wcf服务读取数据库记录

VS2010中使用Jquery调用Wcf服务读取数据库记录开发环境:Window Servere 2008 +SQL SERVE 2008 R2+ IIS7 +VS2010+Jquery1.3.2 功能实现: html中使用Jquery调用远程Wcf服务优点总结:网上大部分的代码都是直接在web项目中包含SVC文件,也有的用ASPX页面来调用WCF服务,而不是HTML+Jquery+WCF+数据库模式的. 一.WCF服务调用数据库记录对应工程项目新建和代码打开VS2010,打开"文件&quo…

【转】JQuery上传插件Uploadify使用详解及错误处理

转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅. 什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示. 官网提供的是PHP的DEMO,在这…

JQuery UI Draggable插件使用说明文档

JQuery UI Draggable插件用来使选中的元素可以通过鼠标拖动.Draggable的元素受css: ui-draggable影响, 拖动过程中的css: ui-draggable-dragging.如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标. 所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件 ui: 一个JQuer…

几款jQuery右键菜单插件介绍

在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当慎用,这会使多数用户感到不习惯.但是在企业Web应用中,用户的使用环境更加可控,在这种应用中使用自定义右键菜单会更加适合. 以下列举几款比较成熟的jQuery右键菜单插件,我们将逐一介绍,请读者自行比较,并根据自己的需求选择. 1.VERY SIMPLE CONTEXT MENU-Intekhab…

jquery mobiscroll移动端日期选择控件(无乱码)

jquery mobiscroll移动端日期选择控件(无乱码) <pre><!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user…

JQuery Ztree 树插件配置与应用小结

JQuery Ztree 树插件配置与应用小结 by:授客 QQ:1033553122 测试环境 Win7 jquery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js zTree_v3-master.zip 下载地址: https://github.com/zTree/zTree_v3 插件配置与应用应用效果展示 HTML代码片段 <!DOCTYPE h…

Jquery 系列（2）选择元素

Jquery基础学习 jQuery利用css选择符的能力,能够在DOM中快捷而轻松地获取元素. 主要内容如下: 介绍DOM树如何通过CSS选择符在页中查找元素扩展jQuery标准的CSS选择符选择页面元素更灵活的DOM遍历方法理解DOM树 DOM(Document Object Model)文档对象模型,可以充当JavaScript和网页之间的接口.jQuery最强大的功能就是能轻松的处理和简化在DOM中选择元素.DOM中各元素的关系,同数据结构中的二叉树的称呼非常相近.元素之间的关系包…

【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)

参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 'template' : '.single_item', //html记录DIV的class属性 'trigger' : '.get_more', //触发加载更多记录的class属性 'scroll' : 'false', //是否支持滚动触发加载 'offset' : '100', //滚动触发加…

Xcode安装插件,错误选择了Skip Bundles,重新出现Load Bundles方法

Xcode安装插件经常会遇到这样的问题,出现提示性选择,还是英文提示,所以没仔细看就习惯性的选择了右侧的按钮点击了Skip Bundle,结果悲剧的发现,发现插件完全失效了,以后不管怎么打开Xcode,怎么重新安装插件,再次出现的概率很低原理与原因原理很简单,第三方的插件,后缀名必须是.xcplugin (实际上是一bundle),所以Skip Bundles意味着不加载这个插件.Mac os把你是否允许载入某个第三方插件的选择存在了Xcode偏好设置中,其实就是iOS开发中的Userde…

jQuery上传插件,文件上传测试用例

jQuery上传插件,文件上传测试用例 jQuery File Upload-jQuery上传插件介绍http://www.jq22.com/jquery-info230 jQuery File Upload-jQuery上传插件demohttp://www.jq22.com/yanshi230=============================================1.功能测试(1)选择符合要求的文件,上传--------上传成功:(2)上传成功的文件名称显示---------…

5个最顶级jQuery图表类库插件-Charting plugin

转载: http://www.cnblogs.com/chu888chu888/archive/2012/12/22/2828962.html 作者:Leonel Hilario翻译:Terry li - GBin1.com英文: 5 Top jQuery Chart Libraries for Interactive Charts 目前对于简单快速的开发图的需要使得大家需要找到一种相对简单的方式来开发互动的图表.jQuery和其他js类库使得我们可以更容易的在(X)HTML中访问数据的呈现.…

JQuery上传插件uploadify优化

旧版的uploadify是基于flash上传的,但是总有那么些问题,让我们用的不是很舒服.今天主要分享下在项目中用uploadify遇到的一些问题,以及优化处理官方下载官方文档官方演示下面是官方下载包含的一些文件,当然很多我们在项目中是不需要的效果图: 下面贴代码: document.write('<link href="/js/uploadify/uploadify.css" rel="stylesheet" type="text/css…

漂亮灵活设置的jquery通知提示插件toastr

toastr是一款非常棒的基于jquery库的非阻塞通知提示插件,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成JS,非常的方便使用.jQ酷的另外一款jquery提示插件也不错:jQuery自定义工具提示插件DarkTooltip. 使用方法: 引入核心文件 1 2 3 <link href="toastr.css" rel="stylesheet" type="…

jquery的smartWizard插件使用方法

jquery 的smartWizard插件常用在一些向导式的,按步骤的功能中,是的用户按照我们设定的步骤进行操作,这样一方面有较好的用户体验,可以将庞大的表格数据分解成多个步骤,是的每个步骤的数据量减少:另一方面流程比较清晰,先做那个下一步做什么都是可控可设定的. 下面说一下如何使用,首先html中引入jquery的smartWizard插件对应的jquery.smartWizard-2.0.js html中代码如下: [html] view plaincopyprint? <!--htm…

15 个响应式的 jQuery 图像滑块插件

设计师和开发人员总是试图使用新技术让网站更智能,而我们发现在许多网站上 jQuery 的图像滑块插件是非常受欢迎的.本文继续介绍 15 个 jQuery 图像滑块插件以供您选择. ELASTISLIDE – 响应式的jQuery传送带插件 Flexslider 很帮的全响应式的 jQuery 滑块插件 Thumbnail Gallery Plugin 用户创建相册展示并自动缩放到其容器大小的 jQuery 插件 ELASTIC IMAGE SLIDESHOW WITH THUMBNAIL PRE…

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" sr…