Kendo ui 剑道UI内联检查不允许空格和其他符号
如何在剑道ui网格内联编辑中使用此函数Kendo ui 剑道UI内联检查不允许空格和其他符号,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,如何在剑道ui网格内联编辑中使用此函数blockSpecialChar?基本上,我希望ProductName列不允许空格或除/以外的其他符号。我尝试使用编辑器和模板调用该函数,但它不起作用 $(“#网格”).kendoGrid({ 数据源:数据源, pageable:对, 身高:550, 工具栏:[“创建”], 栏目:[ {字段:“产品名称”,标题:“产品名称”}, {字段:“单价”,标题:“单价”,格式:{0:c},宽度:{120px}, {字段:“单位库存”,标题:“库存单位”,宽度:“12
blockSpecialChar
?基本上,我希望ProductName
列不允许空格或除/
以外的其他符号。我尝试使用编辑器
和模板
调用该函数,但它不起作用
$(“#网格”).kendoGrid({
数据源:数据源,
pageable:对,
身高:550,
工具栏:[“创建”],
栏目:[
{字段:“产品名称”,标题:“产品名称”},
{字段:“单价”,标题:“单价”,格式:{0:c},宽度:{120px},
{字段:“单位库存”,标题:“库存单位”,宽度:“120px”},
{字段:“中断”,宽度:“120px”,编辑器:customBoolEditor},
{命令:[“编辑”、“销毁”],标题:“”,宽度:“250px”}],
可编辑:“内联”
});
功能块SpecialChar(e){
var-k;
document.all?k=e.keyCode:k=e.which;
return((k>64&&k<91)| |(k>96&&k<123)| | k==8&&k==32 | | k==47 | |(k>=48&&k必须将函数绑定到编辑事件
$(“#网格”).kendoGrid({
数据源:数据源,
pageable:对,
身高:550,
工具栏:[“创建”],
栏目:[
{字段:“产品名称”,标题:“产品名称”},
{字段:“单价”,标题:“单价”,格式:{0:c},宽度:{120px},
{字段:“单位库存”,标题:“库存单位”,宽度:“120px”},
{字段:“中断”,宽度:“120px”,编辑器:customBoolEditor},
{命令:[“编辑”、“销毁”],标题:“”,宽度:“250px”}],
可编辑:“内联”
});
var grid=$(“#grid”).data(“kendoGrid”);
grid.bind(“编辑”,blockSpecialChar);
功能块SpecialChar(e){
var-k;
document.all?k=e.keyCode:k=e.which;
return((k>64&&k<91)| |(k>96&&k<123)| | k==8&&k==32 | | k==47 | |(k>=48&&k您可以使用column.editor
为输入框添加onkeypress事件
productNameEditor可添加onkeypress事件
{字段:“ProductName”,标题:“产品名称”,编辑器:productNameEditor},
function productNameEditor(容器、选项){
$('')。附加到(容器);
}
blockSpecialChar方法根据提供的输入值返回布尔值
功能块SpecialChar(事件){
var k=window.event?event.keyCode:event.which;
return((k>64&&k<91)| |(k>96&&k<123)| | k==8&&k==32 | | | k==47 | | |(k>=48&&k),但是我如何指定这些函数只验证产品名
?。在这里已经用不同的解决方案看不到的演示。这是我找到的一个,您可以添加一些要包含的字符代码
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true,
height: 550,
toolbar: ["create"],
columns: [
{ field: "ProductName", title: "Product Name" },
{ field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "120px" },
{ field: "UnitsInStock", title:"Units In Stock", width: "120px" },
{ field: "Discontinued", width: "120px", editor: customBoolEditor },
{ command: ["edit", "destroy"], title: " ", width: "250px" }],
editable: "inline"
});
var grid = $("#grid").data("kendoGrid");
grid.bind("edit", blockSpecialChar);
function blockSpecialChar(e){
var k;
document.all ? k = e.keyCode : k = e.which;
return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 && k == 32 || k == 47 || (k >= 48 && k <= 57));
}
{ field: "ProductName", title: "Product Name", editor: productNameEditor },
function productNameEditor(container, options) {
$('<input onkeypress="return blockSpecialChar(event);" required name="' + options.field + '"/>').appendTo(container);
}
function blockSpecialChar(event){
var k = window.event ? event.keyCode : event.which;
return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 && k == 32 || k == 47 || (k >= 48 && k <= 57));
}