kendoUI组件扩展2(待完成)


尝试理解jQuery源码(这里面说得好,读一个开源框架,最重要的是学习设计的思想和实现的技巧):

读jQuery源码之整体框架分析

boss给我的参考资料:

http://www.kendoui.com/forums/kendo-ui-web/grid/grid-extension---causing-loss-of-groupable-and-reordable-functionality.aspx


大师实现的例子(我认为最深的体会是一个 “简”字):

        $.kendo.tips = function(content, error){
		$("body").append('<div id="tips_win"></div>');
    	    $("#tips_win").html('<p style="padding-top:10px;font-size:16px;text-align:center;">' + content + '</p>');
		var win = $("#tips_win").kendoWindow({
			title: false,
			width: "240px"
	    }).data("kendoWindow");
		win.center();
		win.open();
		$("#tips_win").css({background:"#E4EA32"});
		if(error) {
			$("#tips_win div").css({color:"#E40000"});
		}
		setTimeout('$("#tips_win").data("kendoWindow").destroy();',1200);
	};
	$.kendo.page = function(params) {
		if(params.pageSize == undefined) {
			params.pageSize = 10;
		}
		params.object.kendoGrid({			
			dataSource: {
				transport: {
					read: {
						type: "post",
						url: params.url,
						dataType: "json",
						data: params.data
					}
				},
				schema: {
					data: function(d) {	return d.result; },
					total: function(d){ return d.total; }
				},
	            pageSize: params.pageSize,
	            serverPaging: true,
                serverSorting: true,
                serverFiltering: true
			},
			scrollable: true, //是否显示滚动条
			sortable: false, //是否排序显示
			pageable: $.KendoConstants.GRID_PAGING_CONFIG, //是否显示分页
			columns: params.columns,
			dataBound: function (e) { 
				if(params.bind != undefined) {
					params.bind(e);
				}
			}
		});
	};
	$.kendo.list = function(params) {
		params.object.kendoGrid({			
			dataSource: {
				transport: {
					read: {
						type: "post",
						url: params.url,
						dataType: "json",
						data: params.data
					}
				},
				schema: {
					data: function(d) {	return d; },
				},
	            serverPaging: true,
                serverSorting: true,
                serverFiltering: true
			},
			scrollable: true, //是否显示滚动条
			sortable: false, //是否排序显示
			columns: params.columns,
			height: params.height,
			dataBound: function (e) { 
				if(params.bind != undefined) {
					params.bind(e);
				}
			}
		});
	};
	$.kendo.dropList = function(params) {
		params.object.kendoDropDownList({
            dataTextField: params.name,
            dataValueField: params.key,
            dataSource: {
				transport: {
					read: {
						type: "post",
						url: params.url,
						dataType: "json"
					}
				},
	            pageSize: 100,
	            serverFiltering: true,
                serverPaging: true
			},
			height: "200px",
			change: params.change,
        });
	};



1、关于Editor的汉化

1) http://mvc.keigen.net/2012/11/kendo-ui_20.html

2)http://www.kendoui.com/forums/kendo-ui-framework/globalization/complete-solution-for-language-localization-of-all-text-strings-in-an-app.aspx

说来惭愧,一直没成功,只是汉化了个message属性


2/输入框、编辑器空格验证(目标:编辑器可以做到提示“还可以输入*少个字符”)

var Validator =kendo.ui.Validator.extend({
		options:{
			name: "Validator",
			rules: {
		    	required: function(input){
		    		var isRequired = true;
		    		if(input.attr("required")){
		    			isRequired = !($.trim(input.val()) == '');
		    		}
		    		return isRequired;
		        }
		    }
		}
	});



3、冻结列





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值