随笔分类 - JavaScript
摘要：准备图片，把相关记录添加至数据库表中: 创建一个存储过程，获取所有记录： 在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中，把所有数据循
阅读全文
摘要：在程序中，使用查找功能是少之不了。今天在ASP.NET环境下演示一回。 在cshtml视图中，有三个文本框，让用户输入关键词，然后点击最右连的“搜索”铵钮，如果有结果将显示于下面。 Html: 表格放2行。一行是标题，一行作为输入框。jQuery代码： controller: 处理好条件，传入数据库
阅读全文
摘要：先看下面 foreach得到的radio list: 现在想实现把选择的选项值Post至服务端：
阅读全文
摘要：一看到此标题，相信你也会。因为路由是可以从URL地址栏传过去的。但是Insus.NET不想在地址栏传递，还是一个条件是jQuery的Ajax进行POST的。Insus.NET不清楚别人是怎样处理的，但是这个让Insus.NET花上不少时间来解决。Insus.NET实现的方法也很简单，就是先POST至
阅读全文
摘要：某一时候，我们不想在form的所有必填的域均完成之后，再去使用mouse去点击铵钮来提交数据。而是直接按回车去focus提交的铵钮来提交。 可以写jQuery script程序：
阅读全文
摘要：看效果：Html： CSS： jQuery: 或者使用连写法：
阅读全文
摘要：参考下图来理解标题： 即是说模块被分配之后，不能让用户再选择来分配。分析：模块是存储在一张表中。从数据库读取出来，绑定在checkboxList上。分配的数据，是存在另一张表中。这样子数据库有2张表存储这些数据。 Ok，为checkbox list准备的数据源: 上图中IsDistribution是
阅读全文
摘要：看看效果： 首列的checkbox全选，本行所有其它列的checkbox也全选或反选。参考下面ASP.NET MVC的动态产生的数据表行： 橙色高亮部分是重点，设置class。 jQuery代码实现：
阅读全文
摘要：先看看下面的效果： 用户点击头的checkbox时，所有表格数据行的checkbox全选或反选。当数据行某一行没有选中时，头checkbox去选。当所有数据行的checkbox全选时，头的checkbox也选上。html代码示例，关注高亮部分即可： jQuery代码，可以参考如下：
阅读全文
摘要：表格无数据行时，隐藏下面两个铵钮，反之显示它们，如下面代码示例： jQuery代码： 看看效果：
阅读全文
摘要：今天在调试javascript程序，在FireFox和Chrome没有问题，但是在IE中，一些可以，就会出现如标题的错误：‘JSON’ 未定义： 在IE6,IE7一定有此错误，以及IE能设置兼容性视图功能时，当你设置了兼容性视图时也有此错误(非兼容性视图不会)，如： 经努力查找资料，发现前人已经有此
阅读全文
摘要：前些日子，Insus.NET有实现《ASP.NET MVC使用jQuery实现Autocomplete》http://www.cnblogs.com/insus/p/5638895.html 。 但今天尝试把此功能移到ASP.NET Ajax UpdatePanel环境中使用。网页在第一次加载时是没
阅读全文