随笔分类 - jQuery
摘要：近期被一个事情困扰着，我们采购了一款软件，里面有一个数据大屏页，当登录过期后，数据就会保持原状，不再更新。和供应商反馈了很多次，都无法彻底解决数据显示的问题，没办法，自己周末在家研究，网站自动登录的事情。 想到Chrome插件可以解决这个事情，主要原理就是：新开一个页，定时刷新这个页面，检测是否掉线
阅读全文
摘要：var wait = 60; function time(btn) { var txtTel = $('#txtTel').val(); var isMobile = /^(?:13\d|15\d)\d{5}(\d{3}|\*{3})$/; var isPhone = /^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/; if (!isMobile.test(txtTel) && !isPhone.test(txtTel)) { ...
阅读全文
摘要：近期在搞ExtJs，发现ExJs的Grid相当的强大，后来又搞Jquery时，就对原来的表格不怎么满意了，于是，花了点时间，从网上找了个Grid插件，这个插件功能是比较强大，什么行排序、筛选、分页都有，应该是能满足项目的需要。但在深入研究时，却发现了两个问题。1，Flexigrid不支持自定义数据列。2，默认没有CheckBox列。关于第一个问题，事情是这样的。像ExtJs是先定义Store,Store中可以把所有Fields列出来，需要用到哪个，在下面的ColumnModel中声明就可以，这里可以自由组合排列，非常方便。但Flexigrid就不行，经分析原因，是因为FlexGrid中返回的J
阅读全文
摘要：弹出框页面中使用jquery.validate验证控件有几个问题需要解决：1，弹出框的提交事件完成后如何关闭弹出框页面？2，提交不成功如何返回当前页？3，如果知道验证事件成功？之前笔者都是JS验证控件，放着强大的jquery.validate控件不用，自己写验证，会是让追求程序完美的人心里有种淡淡的忧伤。不过还好，今天下午笔者花了点时间，已实现这种功能，虽然也不是很完美，但也基本能用了。先看下效果，一会再上代码。当验证通过后，程序后台开始提交，提交成功，当前弹出框关闭。为此代码如下。1，打开弹出框。 function AnswerDialog(id) { $...
阅读全文
摘要：近期需要一个文本框下拉树，本着网上随便找个用用的想法，先是在网上一顿猛找，下载代码三四个，结果没一个好用的。要么就是功能过于简单，要么就是实现太过复杂，没办法自己弄，因之前用过zTree，这里把zTree稍微改造一下，花费了一点时间，基本也能用了。实现后效果图：主要思路：点击文本框时，显示隐藏的Div层，Div层里包含一个树型控件，点击页面其他部位时，Div层隐藏，同时将选取的值写入文本框。页面代码如下：
阅读全文
摘要：今天见园友发的文章在介绍jquery file upload插件，忍不住去实操了一把，支持多选（IE除外），有上传进度条，上传完可以预览，能批量删除，批量停止下载等常功能，并且是非Activex,非Flash的，文件也不大，感觉还不错。但不是MVC的，于是乎，网上找了一个Demo，本地运行之后，发现有一点小Bug，但瑕不掩瑜，这里分享给园友，有兴趣的可以来下载。Demo中引用的JS和Css有Bug，修改后，还发现有些是可以删除的，删除后代码如下：@{ ViewBag.Title = "Bootstrap version demo"; Html.RequiresCss(&qu
阅读全文
摘要：前些日子写了篇博客，网友给予了很多的评论，在查看及回复评论的过程中，也是发现博客园现有回复的不太好，举例如下，现有的回复如下图所示：，这里根本看不出来tony_ontheway说了什么，还要我一个一个找，哦，原来他是在第N页第N行说了这个，所以非常的不方便。所以今天我把网易盖楼回复的实现原理以及实例Demo贴出，望博友们顶起来，让博客园整改一下，必竟，博客园是我们的大本营，是我们学习知识的地方。这里高手如云，精英荟萃，我们的大本营也不能太差，是吧。我们让博客园改进，也是为自己创建良好的环境，所以，博友们，顶起来，吼起来，一起唤起博客园的注意。实现盖楼回复大致分三部。第一步：建数据库表，这个表需
阅读全文
摘要：话说：熟能生巧。同一件事情，做一次，和做十次，的确是有很大不同，就拿这两天做的这个注册页面来说吧，明显比之前的要好用很多。比如说之前，填写了用户名之后，不能马上与服务器交互，检测用户名是否被占用，现在通过事件onblur调用函数CheckUser()，从而可以马上检测出用户名是否被占用。比如说之前，用户每一个信息输入完，不能马上给出是否输入正确的提示，现在也通过这个方法，可以给与提示。比如说之前，如果验证码输入的不正确，那么页面提交之后，之前输入的密码等信息会丢失，需要用户重新填写，现在不用了，验证码输入不正确，那重新填写验证码就是了，干嘛要重新填写密码呢，你说是吧。（博客园，我没说你呀，别对
阅读全文
摘要：上次分享了“一个可以拖拽的异步按需加载树”，但没有实现拖拽后更新数据库，今天抽空把他实现了，这里分享下思路及关键代码。拖拽方法入口： function onDrop(event, treeId, treeNodes, targetNode, moveType, isCopy) { if (targetNode != null) { $.post("/Ashx/FileType.ashx?action=DragSortNum", { treeNodesId: treeNodes[0].id, targetNodeId: targe...
阅读全文
摘要：最近完成了一个可以拖拽的异步按需加载树，顾名思义，这个树，至少支持以下三个功能。1，节点可以拖拽（项目需要，已设置为只允许同级节点拖拽）。2，异步加载（使用ajax加载数据，没啥好说的）。3，按需要加载（点击展开按钮时，加载所需数据，不点击不加载，最小化的加载数据，最大化的支持大数据，哈哈）。下面就这三个功能，分别贴出关键代码。一，节点可以拖拽需要添加的代码。1，先对树型控件的setting变量增加如下属性，并添加dropPrev，dropInner，dropNext方法，具体方法内容，请点击后面demo中网址右键。edit: { enable: true, ...
阅读全文
摘要：上次分享了一款文件上传控件（网址：http://www.cnblogs.com/ushou/archive/2013/01/17/2865332.html），功能也比较多，但总觉得不够完美，经过近几天的发酵，酝酿，终于生产啦，吼吼~~~这次的上传控件加入新的元素，比如附件列表展示、排序拖动、批量更新等。俗话说，独乐乐不如众乐乐，现将关键代码分享。一，首先在MVC中新建分部视图。二：创建两个ashx文件，两个足矣，本来还想压缩到一个的，后来想想还是算了。这两个ashx，分别拥有以下功能。 1，对数据库中的附件增、删、改、查。 关键代码如下： public void Proce...
阅读全文
摘要：近期，应项目要求，需要有一款通用的文件上传控件。要求以下功能：1，多文件上传。2，显示文件上传进度条。3，能编辑上传附件的属性，如文件名、描述等。4，兼容各主流浏览器。5，调用方便。6，支持多种上传格式。于是乎，经过笔者的努力，这款文件上传控件诞生了，它以知名上传控件“Uploadify”为原型，加入C#代码，现用MVC的方式显示出来。俗话说：没图你说个JB,话不多说，上图。（图一：选择多个附件上传）（图二：上传ing）(图三，部分上传完成)（图四：上传完成后可以编辑附件属性了）（图五：上传完成后返回列表页）欢迎大家试用，试用网址：www.qicheba.net大家多提宝贵意见，tks。
阅读全文
