随笔分类 - JavaScript
摘要：ASP.NET MVC动态加载数据，一般的做法是使用$.each方法来循环产生tabel:你可以在html时先写下非动态的部分： <table> <tr> <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th> <t
阅读全文
摘要：日期经过json序列化之后，变成了'/Date(-62135596800000)/'字符串，在显示数据时，我们需要解释成正常的日期。 Insus.NET和js库中，写了一个jQuery扩展方法： $.extend({ JsonDateParse: function (value) { if (val
阅读全文
摘要：某一时候我们想对文本框进行限制：不能对其时粘贴，如密码不粘贴。不能对其拷贝，剪切，显示在文本框中的内容不能拷贝，剪切等。 参考下面的语法： 可以选择性写法： 如果想改为js code：
阅读全文
摘要：在JavaScript或jQuery判断字符串中是否包含指定的字符串：你可以使用indexOf()方法：
阅读全文
摘要：this与$(this)对象。前者是Javascript对象，而后者是jQuery是对象。两者分清楚，它们只能使用自己的方法。Javascript对象使用Javascript的方法，jQuery对象使用jQuery的方法。如果Javascrip对象使用jQuery的方法，反之，jQuery对象使用J
阅读全文
摘要：为了快速把form的所有文框输入完毕，我们不必使用鼠标去focus文本框。 在html页中放几个文本框： <div class="DivInput"> <div> <input id="Text1" type="text" /> </div> <div> <input id="Text2" type
阅读全文
摘要：正整数： /[^0-9]/g, ''decimal: /[^0-9\.]/g, '' 然后可以写一个自定义插件: (function ($) { $.fn.validatedigits = function (e) { this.val(this.val().replace(/[^0-9]/g, '
阅读全文
摘要：先来看看下面实时效果演示： 用户点击编辑时，在点击行下动态产生一行。编辑铵钮变为disabled。新产生的一行有更新和取消的铵钮，点击“取消”铵钮，删除刚刚动态产生的行。编辑铵钮状态恢复。更新与删除铵钮功能没有什么特别的。 在ASP.NET MVC视图html代码如下，普通的表格table，普通的h
阅读全文
摘要：在很久之前，Insus.NET刚学习前端时，有写过《动态创建一些常的html标签》http://www.cnblogs.com/insus/p/3741665.html 但其中没有实现动态产生select option下拉列表。在jQuery环境之下使用创建jQuery对象来实现动态产生，那是很方便
阅读全文
摘要：jQuery的addClass,removeClass和toggleClass方法，最后一个方法在某一情形之下，可以替代前面2个方法。 第一个方法addClass为元素添加一个class。 第二个方法removeClass，移除一个class。 第三个方法toggleClass是互斥class。 创
阅读全文
摘要：在前端开发中，少不了对Checkbox的操作。 常用的的方法有2个：.is()和.prop()方法。前者是判断 checkbox的状态，选不是未选。而后者为checkbox设置一个值，可以设置checkbox是true还是false。写个小例子，练习一下：在html： 为这个文本框赋值，值填的就是c
阅读全文
摘要：准备图片，把相关记录添加至数据库表中: 创建一个存储过程，获取所有记录： 在ASP.NET MVC专案中，部署Bootstrap环境......然后创建一个model: using System; using System.Collections.Generic; using System.Linq
阅读全文
摘要：今天学习jQuery，练习一下对表格进行列或行高亮显示。 我们对下面这个表格来进行。代码是写在ASP.NET MVC程序上Razor语法。 这个需要符合某一条件：只要控制器列的文本为：Railway。 首先添加样式： .highTransport { background-color: #0915f
阅读全文
摘要：参考ASP.NET MVC的视图： 此段html将产生一个表格table。现在我们需要实现，点击表格时，获取点击行的索引或是所在行的列索引。行索引： $('table tr').click(function () { var idx = $(this).index(); alert(idx); })
阅读全文
摘要：文本框html如下： <div><label class="label">价格:</label><input id="TextPrice" type="text" name="Price" /></div> jQuery: $("#TextPrice").on("input", function (
阅读全文
摘要：在html拉一个button: 用户点击铵钮时，铵钮的文字在"关"与“开”之间切换： 演示：
阅读全文
摘要：在写此篇博文时，发现在以前曾写过《获取DataTable选择第一行某一列值》http://www.cnblogs.com/insus/p/5434062.html 。 但是与此篇所说的完全不一样。这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据。如下表： Ht
阅读全文
摘要：先看一下ASP.NET MVC的html:在jQuery中，可以写：
阅读全文
摘要：前一段时间Insus.NET有写一篇《ASP.NET MVC一次删除多笔记录》http://www.cnblogs.com/insus/p/6241186.html 可以前往去看看。觉得有点复杂，何况新的数据SQL已经有可以定义数据类型了。我们不必再去传送一个Array，我们正确是从前端传送一个Da
阅读全文
摘要：批量删除数据记录，如下面的截屏：先选中想删除的记录，然后点一下删除铵钮，系统将把选中的记录一次性删除。在此，Insus.NET不想每删除一笔记录连接一次数据库。因此需要把选择的记录一次上传至服务器中去。上图中的html代码如下： 在MVC的model类，添加一个属性： 在jQuery中，把所有数据循
阅读全文