尝试理解jQuery源码(这里面说得好,读一个开源框架,最重要的是学习设计的思想和实现的技巧):
读jQuery源码之整体框架分析
boss给我的参考资料:大师实现的例子(我认为最深的体会是一个 “简”字):
$.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、冻结列