随笔分类 - 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中,把所有数据循
阅读全文