随笔分类 -  Control

pager优化
摘要：一个基于jQuery的分页控件。 阅读全文
posted @ 2013-03-18 17:10 Joe·Zhou 阅读(432) 评论(2) 推荐(0)
AjaxRepeater控件
摘要：目标：让Repeater支持Ajax回调方案：利用asp.net的Callback机制控件代码：using System;using System.ComponentModel;using System.Web.UI;using System.Web.UI.WebControls;namespace Web.AjaxControl{ public delegate string DoCallback(string arg); [ToolboxData("")] public class AjaxRepeater : Repeater,INamingContainer,ICa 阅读全文
posted @ 2013-03-12 15:37 Joe·Zhou 阅读(1349) 评论(0) 推荐(0)
JAccordion
摘要：效果:CSS:/*accordion*/.accord{ background-color: #fff; margin: 0px; border: solid 1px #99BBE8; border-collapse: collapse; vertical-align: middle;}.accord dd{ display:none; margin-left: 0px; text-align: center;}.accord dt{ font-weight: bold; text-align: left; padding: 5... 阅读全文
posted @ 2012-07-08 11:57 Joe·Zhou 阅读(384) 评论(0) 推荐(0)
JTabs控件
摘要：效果:代码: 1 /*tab*/ 2 .tabs 3 { 4 display: block; 5 width: 100%; 6 margin: 0px; 7 padding-left: 0px; 8 text-align: center; 9 }10 .tabs li11 {12 list-style: none;13 float: left;14 position: relative;15 top: 1px;16 margin: 0 .2em 0 0;17 border-bottom: 0;18 ... 阅读全文
posted @ 2012-07-06 19:42 Joe·Zhou 阅读(589) 评论(0) 推荐(0)
Grid控件
摘要：HTML代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>网格控件测试</title> <link href="Style/site.css" 阅读全文
posted @ 2012-06-08 19:06 Joe·Zhou 阅读(775) 评论(0) 推荐(0)
Template控件
摘要：看了一下Microsoft的一个Template的JQuery插件，总是感觉使用起来特别别扭，我还是自己写一个吧。代码如下：(function($) { $.fn.template = function(tmpl, arrayData) { if ($.isArray(arrayData) && tmpl) { var pReg = /\$\{\s*[a-zA-Z]+(\.[a-zA-Z]+)*\s*\}/g; var places = tmpl.match(pReg); var props = new A... 阅读全文
posted @ 2012-06-07 22:44 Joe·Zhou 阅读(571) 评论(0) 推荐(0)
自己写个pager控件
摘要：效果：js：$.fn.extend({ JPager: function (cfg, pageIndex, pageSize) { if (cfg && pageIndex > 0 && pageSize>0) { var token = "#" + this.attr("id"); this.empty(); var pageFirst = function () { $(token).JPager(cfg, 1, pageSize); }; var pagePre = function () ... 阅读全文
posted @ 2012-01-02 16:28 Joe·Zhou 阅读(602) 评论(0) 推荐(0)
扩展Jquery自定义的一个错误警告控件ErrorProvider
摘要：HTML:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>错误警告组件</title> <link href="Styles/JExtension.css" rel="stylesheet" type="text/css" /> <script src="Scripts/jquery-1.6.min.js" type="text/javascript&qu 阅读全文
posted @ 2011-11-03 18:02 Joe·Zhou 阅读(401) 评论(0) 推荐(0)