随笔分类 - JavaScript
摘要：直至昨晚为止，学习了一个多月的MVC与jQuery，从所做的练习中，发觉jQuery的代码也有跟C#语言一样可以重构，多页面有相同使用的方法函数，均可以放置于一个单独立的js文件或是自定义的js库中。在使用时，引用此库文件即可。举个简单的例子，如前面介绍的两个下拉列表联动的功能，不管是在MVC添加，还是编辑时，均需要写上几个相同的函数来实现。为了js代码没有冗余。我们就可以重构它们了。在MVC应用程序下的Scripts目录下，创建一个insus.common.utility.js库。js类库中，只是简单把两个函数搬过来。 有一个地方，即是把#23行代码，改为#24行。这样可以兼容到MVC创建和
阅读全文
摘要：前几天使用jQuery在MVC应用程序中，实现了《jQuery实现两个DropDownList联动(MVC)》http://www.cnblogs.com/insus/p/3414480.html。此次演练也是在此基础上进行。Insus.NET想在MVC编辑状态中实现两个DropDownList联动。这与前者没有多大区别，仅是一个在MVC的添加状态，另一个是在MVC编辑状态。后者最主要的是在MVC初次加载时，要把数据的值绑定至DropDownList的选项上。这段时间，所做的MVC练习，实际上是jQuery的练习，只是在MVC的应用程序中进行。使用jQuery动态产生了html代码。在jQue
阅读全文
摘要：jQuery.ajax()可以简写为$.ajax().以前有写过MVC删除的实现，如《MVC实现删除数据库记录》 http://www.cnblogs.com/insus/p/3368042.html和《MVC 5显示、创建、编辑、删除等功能实练》http://www.cnblogs.com/insus/p/3372916.html。不过此次Insus.NET想使用jQuery.ajax()方法来实现。能实现到此功能，也有遇上很多困难以及花费很多时间。当你看到此篇时，你会看到Insus.NET的分享，而让你少走弯路喔。既然要做到删除数据，数据是在数据库中，因此从数据库入手，写一个删除的存储过程
阅读全文
摘要：先看看这篇《在jQuery定义自己函数》http://www.cnblogs.com/insus/p/3415444.html程序越看越是有重构的地方。先看1部分，由于在#16代码有宣告变量就找到标签赋值了，那#24行就是冗余的了，因此Insus.NET把它删除。2和3部分，两个下拉列表，不管在什么情况之下，都是为它添加一个"选择..."的选项，我们就不必另外写它了，可以直接移至自定义函数中去。这样一经修改过自定义函数DdlBind(obj,data)，只在jQuery代码中有引用此函数，它都会生成“选择...”选项。所以Insus.NET也把#11和#21行jQuery代
阅读全文
摘要：今天学点什么呢？想来想去觉得DropDownList还是要加强功力，因为以前写ASP.NET网站时，此功能用的非常之多。在练习之前，先温习一下以前练习的《Html.DropDownListFor练习(2)》http://www.cnblogs.com/insus/p/3383277.html是直接使用Rzaor语法实现。近段时间有jQuery与MVC一起学习，所以不如尝试使用jQuery来实现DropDownList。温习之后，发觉以前写的，是在视图中还要实例化Entity：@{ var fcEntity = new FruitCategoryEntity(); }如果使用jQue...
阅读全文
摘要：先来看看这个动画:这是使用jQuery来实现数据加载，每点击一次，数据就加载一次。这源程序与实现来自《MVC应用程序JsonResult()的练习》http://www.cnblogs.com/insus/p/3402042.html。由于技术了解不够透切，为了解决此问题，还是改为MVC的视图一加载时，就把数据显示，删除了jQuery的代码，铵钮Click的事件《MVC应用jQuery动态产生数据》http://www.cnblogs.com/insus/p/3410138.html。这样一改，虽然一时解决数据重复加载的问题。但实际环境中，是会有这样的要求，点击之后，才请求数据。昨天晚上，看书
阅读全文
摘要：你可以参考下面方法，进行动态为网页引用外部的Javascript脚本文件。代码写在Page_Init方法内。VB.NET:下图是运行时，查看HTML的源代码：C#:
阅读全文
摘要：在开发的网站中，原本网页脚已经有一个铵钮，是导出数据的功能。由于某些网页内容太长，每次均需要滚至页脚，才可以找到那个铵钮，如果把此铵钮移至页头，当用户浏览至页脚时，想做导出动作，又得把网页滚至网页头。因此客户提出要求，需要在网页的页头与页脚均放一个铵钮，功能是一样的。解决办法，拉一个铵钮至网页头，OnClick事件指向页脚铵钮的OnClick事件。这是最简单的方法。不过，此次Insus.NET尝试使用另外一方法来实现。下面是实现过程，数据环境还是使用这篇吧：http://www.cnblogs.com/insus/archive/2013/05/28/3103714.html去.aspx网页中
阅读全文
摘要：这是一个asp.net普通javascript的练习，是使用javascript去获取DropDownList Selected 选项的信息，如text,value和index等。Insus.NET在.aspx.cs内准备好一些数据，是有关浏览器相关信息的，并写在泛型Dictionary<T,V>： private Dictionary<string, string> GetBrowser() { Dictionary<string, string> dict = new Dictionary<string, string>(); dict.Ad
阅读全文
摘要：在前一版本中，Insus.NET已经实现GridView头中放置CheckBox，可以对Gridview的行进行全选或是全取消的操作。http://www.cnblogs.com/insus/archive/2013/01/20/2868532.html更早前一版：http://www.cnblogs.com/insus/articles/1411613.html此次版本，主要是实现Gridview的Header的CheckBox 选择的效果。 如果所有记录行非选择时，改变此CheckBox的效果。OK， 演示之前，先准备演示数据与环境。首先写好一个对象：using System;using
阅读全文
摘要：下面Javascript是获取控件在运行时于屏幕中的位置：你可以复制以下Javascript代码： function GetScreenPosition(object) { var position = {}; position.x = object.offsetLeft; position.y = object.offsetTop; while (object.offsetParent) { position.x = position.x + object.offsetPar...
阅读全文
摘要：在系统中，有一个文本框，要求输入大写字母。但是用户不自觉，只好在程序来控制了。在网页中，拉一个TextBox控件：<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>写Javascript脚本，可使用onkeyup事件，即时把字母转换为大写字母：View Code <script type="text/javascript"> window.onload = function () { ...
阅读全文
摘要：当我们安装微软的软件，多数软件是需要输入license key。它有五个文本框，输入完第一个文本框之后，光标自动跳至下一个文本框。Insus.NET今天也使用asp.net来模仿一个。呵呵。这个演示，在输入时，是不需要与服务端交互，只有全部输入完毕之后，用户点铵钮才进行验证。因此在这里，写Javascript来实现即可。View Code <script type="text/javascript"> function JumpToNextTextBox(currentTxtBox, nextTextBoxID) { if (currentTxtBox.va..
阅读全文
摘要：Insus.NET在本次演示中，使用了接口(interface),在网页动态加载用户控件，并使用JQuery为来把网页处理的值传给用户控件。在面向编程中，Insus.NET较喜欢使用接口，认为它能为不同对象之间处理到相同的行为。ISetValableusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for ISetValable/// </summary>namespace Insus.
阅读全文
摘要：前天有一网友问及有关设计模式的适配器模式(Adapter)时，说不太好理解。让Insus.NET能否举个简单的例子来说明一下。下面的动画是Insus.NET做出来的效果:上面的演示，两个灯的规格一样，要求输入的电压为15伏。Light1是直接使用，而Light2是使用Adapter(电源适配器)。因此Light1只能接收15伏的电压，小于15伏，会提示电压过低，如果超过了15伏，Light1肯定被烧坏。Light2使用了电源适配器，它接收15伏至220的电压，在这电压范围之内，电源适配器会把电压转为15的电压。小于15伏，会提示电压过低，如果超过了220伏，适配器被烧坏。好，我们程序开始，先创
阅读全文
摘要：今天Insus.NET练习JavaScript，实现从父窗口打开一个子窗口，在子窗口处理一些结果之后，把结果赋值于父窗口的文本框内。可看效果：在站点创建两个aspx页面，一个是PageA.aspx另一个是PageB.aspx:在PageA.aspx的<head>节点内，写Javascript脚本，脚本有两个方法，一个是打开子窗口，一个是为文本框设值的方法：View Code <script type="text/javascript"> function popUp(url) { objSubWin = window.open(url, "
阅读全文
摘要：我们可以根据onkeydown事件的event.keyCode即是ASCII Chart来判断字符或数字等。相关键盘key对应的ASCII码：参考下面JavaScript代码：View Code <script type = "text/javascript"> function isNumeric(keyCode) { return ((keyCode >= 48 && keyCode <= 57) || keyCode == 8) } </script> <script type = "text/jav
阅读全文
摘要：在ASP.NET使用JavaScript显示信息窗口，你可下从Insus.NET的博客，下载一个DLL，放在站点的BIN目录。http://www.cnblogs.com/insus/articles/1945513.html创建一个aspx页面，然后在.aspx.cs的做几个动作，一是引用命名空间，实例化对象。然后在Page_load事件写javascript脚本：View Code protected void Page_Load(object sender, EventArgs e) { string message = "Welcome, Insus.NET!";
阅读全文
摘要：一直想实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上，今晚终于有时间实现它。此功能就是当鼠标经过时RadioButtonList或CheckBoxList每一个Item时，让Item有特效显示，离开时，恢复原样。可以看到效果：RadioButtonList效果：CheckBoxList效果：这资实现数据，Insus.NET准备了五行（Five Phases）创建一个对象[Five Phases]:FivePhases.csusing System;using System.Collections.Generic;using
阅读全文
摘要：在前网页前端处，我们放置ListBox控件，在数据提交前，检查用户是否有对此控件进行选择？ Insus.NET的方法是使用Javascript与CustomValidator自定义验证控件来检查。可以看到最终结果：你也想参此例子，可以参考下面数据与准备方法，写一个对象，它将用来产生十个天干。HeavenlyStem.csusing System;using System.Collections.Generic;using System.Linq;using System.Web;/// <summary>/// Summary description for HeavenlySte
阅读全文