随笔分类 - jQuery
摘要：这次，我们练习MVC应用程序中，应用web service。先在MVC应用程序中创建一个目录Services，将用来存储Service.asmx。这个Service的方法，可以参考这个《自定义MVC的Helper扩展方法》http://www.cnblogs.com/insus/p/3379485....
阅读全文
摘要：Insus.NET实现一些网站模版，如用户能动态变更网站的头，中间或是脚的部位，就是不太确定用户上传的是图片，还是Flash。因此想到一个较好的解决方法，就是使用Flash的组件去显示来源的图片或是.swf文件。这样的话，两者均能正常显示。现在全面从asp.net转向asp.net mvc了，想起日...
阅读全文
摘要：上一篇《MVC应用程序显示上传的图片》http://www.cnblogs.com/insus/p/3597543.html最后有提及没有实现用户点击图片，显示原图的功能。此篇Insus.NET来完成它。想使用一个dialog box来呈现原图。这个jQuery的UI已经有了，引用相关的js类库即可...
阅读全文
摘要：前两篇《MVC应用程序实现上传文件》http://www.cnblogs.com/insus/p/3590907.html和《MVC应用程序实现上传文件(续)》http://www.cnblogs.com/insus/p/3594834.html，我们练习了上传文件，当然上传图片也是一样。此篇我们练习，怎样在MVC应用程序中显示用户上传的图片。为了接近更真实的练习，Insus.NET决定对以前的程序修改一下，就是上传的目录把原来的Temp目录改为UploadFiles目录。也就是说，Temp目录保留，在应用程序中，添加多一个UploadFiles目录。再对原来的model修改一下，添加两个属性
阅读全文
摘要：前几天，有练习了《MVC应用程序实现上传文件》http://www.cnblogs.com/insus/p/3590907.html那只是把文档上传至MVC应用程序下的某一目录之中。其实，真实环境中，还得存储一些相关信息至数据库中。如旧文件名，新存储于文件夹的新文件名，大小，基本的类型等。下面Insus.NET就慢慢来演示此功能。先是在数据库中，创建一个表[dbo].[FileLibrary]：创建一个存储过程，好让程序能对上面创建好的表，添加数据[dbo].[usp_FileLibrary_Insert]：数据库方面准备好了，来到MVC应用程序，创建model:创建一个实体Entity:最后
阅读全文
摘要：学习MVC以来，一直想实现上传文件的功能，使用jQuery来实现上传，有很多插件。此篇演示中，Insus.NET是使用Uploadify。http://www.uploadify.com/，它有更多的文件说明，可以参考：http://www.uploadify.com/documentation/。你可以使用MVC的NuGet Packages管理器，来安装这个jQuery的插件：安装好之后，可以在MVC应用程序的Scripts目录看到它：在HomeContollers中，创建一个ActionResult和一个ContentResult action，前者是为MVC创建一个视图，而后者是处理文
阅读全文
摘要：很久之前Insus.NET在实现了《FlexPaper实现文档在线浏览》http://www.cnblogs.com/insus/archive/2011/07/21/2112369.html。 当时也只是实现了显示而已，也没有实现在线转换功能。现在，Insus.NET已经从asp.net转向了as...
阅读全文
摘要：程序中，经常会使用checkbox list来呈现数。能让用户有多选项目。此博文Insus.NET练习的checkbox list相关各个功能，效果演示如下：下面是实现过程，首先在MVC应用程序下，创建一个model:新建一个实体Entity，作为checkbox list的数据源： 创建视图方法与
阅读全文
摘要：前几天，Insus.NET有在MVC应用程序中，练习了《MVC应用程序，动态创建单选列表(RadioButtonList)》http://www.cnblogs.com/insus/p/3551348.html只是使用jQuery来动态创建了Radio的单选列表。为了更全面的了解单选列表(RadioButton List)与jQuery在MVC应用程序应用。Insus.NET再次练习。此次所有练习效果如下：下面我们一步一步来完成此练习，先是在MVC应用程序中创建一个model:创建一个Entity，由于上一个练习已经创建好了，我们只管添加实体好了：在Home控制添加一个视图方法以及单选项的数据
阅读全文
摘要：继续MVC应用程序的练习，刚刚练习了jQuery的UI中的datepicker()的方法，它是为了让用户能在文本框中快捷输入日期。代码简洁与简单。打开以前练习的一个视图Views\Home\Index.cxhtml:添加一个input html tag，它的type为text:然后在视图的head节点内，引用jQuery的UI，怎样引用，可以参考：《MVC程序实现Autocomplete功能》http://www.cnblogs.com/insus/p/3546255.html文中有介绍到在MVC应用程序中安装jQuery的UI库与样式的。在你的视图相对应位置，引用与编写上面3个部位代码，即完
阅读全文
摘要：单选列表是多个选项，让用户选择一个。MVC应用程序开发中，少之不了。下面就来练习之个小功能。这个练习，Insus.NET想实现一个日期显示的格式。在MVC中，得需从model开始创建：再创建一个Entity，这个Entity(实体)将为单选列表提供数据源：打开以前练习时，创建好的一个视图Views\Home\Index.cshtml，添加一个div标签，好让Radio动态添加时，能加载于此。下面可以开始写jQuery代码：#1引用jQuery的js库。#2获取单选列表的数据源。#3循环产生单选项Radio。在视图预览效果：当前是水平显示选项，如果你想实现垂直显示，需要在jQuery代码中的#3
阅读全文
摘要：先看此篇《MVC程序实现Autocomplete功能》 http://www.cnblogs.com/insus/p/3546255.html它是实现使用jQuery实现文本框输入文字，出现下拉列表，自动完成与选择功能。相信你的开发的MVC应用程序中，不止有唯一一个此AutoComplete功能。如...
阅读全文
摘要：看这篇之前，得先了解这个《在MVC应用程序中动态加载PartialView》http://www.cnblogs.com/insus/p/3547985.html。 因为是从这篇重构而来。前一篇中，我们只是使用jQuery实现了动态加载一个PartialView。如果这个部分视图是带参数的，它需要传入参数之后方可运作。那我们怎样给它传入参数呢？设法在jQuery加载时，传入一个参数，比如传入图片文件名，而实现了加载不同的图片。在应用程序中的Models目录下，创建一个model:修改controller的partialViewResult()方法，添加个model作为参数。修改部分视图：最后是
阅读全文
摘要：有时候，我们不太想把PartialView直接Render在Html上，而是使用jQuery来动态加载，或是某一个事件来加载。为了演示与做好这个练习，我们先在Views目录下的Home下创建_Partial1.cshtml部分视图，视图内容任你自定义，Insus.NET在本例中只让其显示一些文字与一张图片：接下来，我们需要建立一个ActionResult()方法，在Controllers目录之下，打开HomeController.cs:再去Views\Home目录，创建一个DynamicLoad视图，然后就可以在此视图中，练习动态加载文章开头创建好的部分视图了。在视图中，Insus.NET只写
阅读全文
摘要：为了加强MVC的功力，加强练习是少不了的事情。Insus.NET这次想实现文本框的autocomplete功能。在数据创建一张表[PinYin]：插入一些数据：INSERT INTO [dbo].[PinYin] ([Word]) VALUES ('a'),('ai'),('an'),('ang')...
阅读全文
摘要：Insus.NET有使用Iframe来处理另外一个站点的enter form，由于需要自动循环填入数据，免去人手操作。但是原来的Enter from有RadioButtonList控件以及OnSelectedIndexChanged关联另外一个DropDownList控件。这样的话，问题来了，怎样根据与指定RadioButtonList的值之后，并触发其OnSelectedIndexChanged事件？先来看看原aspx的代码: Cutter FQA WIP 它有三个选项，也生成了三个input,而input的...
阅读全文
摘要：Insus.NET想实现一个功能，一个旧的站点A，它有两个网页logon.aspx和Default.aspx(登录成功能访问)。由于某些原因，需另建一个新站点B，这个新站点B也有两个网页B_Index.apx和B_Default.aspx，它们分别使用iframe来加载A站点的login.aspx和Default.aspx。如果用户没有登录，或是session过期，直接访问B_Default.aspx，会导向B_Index.aspx。也就是说， 没有登录成功，不能直接访问B_Default.aspx。现在要怎样在B_Default.aspx判断用户是否成功能了呢？有关这个问题，Insus.NE
阅读全文
摘要：动态产生iframe，自动加载至body中，还有一个功能就是iframe的高度自适应，下面代码测试于IE和Firefox,Chrome:
阅读全文
摘要：先了解一下Insus.NET的问题《使用iframe实现同域跨站提交数据》http://www.cnblogs.com/insus/p/3513829.html这里只是能够使用到的来的执行铵钮的事件。现在的问题是，每次把生产线的条码枪收集到数据会有几百甚至几千条之多。怎样才能把每一条数据填入至那个form每一个字段中并执行点击那个铵钮呢？这让Insus.NET花费了很多心思。 决定循环每一笔记录，并模似点击铵钮。先是处理好收集条码枪扫描记录：《序列化(Serialization)据为JSONP远端请求》http://www.cnblogs.com/insus/p/3515904.html然后参
阅读全文
摘要：Insus.NET前些日子，有分享了一段代码，《使用JSONP跨域请求数据》http://www.cnblogs.com/insus/p/3512271.html是使用jQuery的DataType的jsonp来获取远端的数据。但是网友私下跟Insus.NET说，不会使用。主要是远端提供的数据，以及...
阅读全文