Kendo ui 剑道UI内联检查不允许空格和其他符号

Kendo ui 剑道UI内联检查不允许空格和其他符号,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,如何在剑道ui网格内联编辑中使用此函数blockSpecialChar?基本上,我希望ProductName列不允许空格或除/以外的其他符号。我尝试使用编辑器和模板调用该函数,但它不起作用 $(“#网格”).kendoGrid({ 数据源:数据源, pageable:对, 身高:550, 工具栏:[“创建”], 栏目:[ {字段:“产品名称”,标题:“产品名称”}, {字段:“单价”,标题:“单价”,格式:{0:c},宽度:{120px}, {字段:“单位库存”,标题:“库存单位”,宽度:“12

如何在剑道ui网格内联编辑中使用此函数
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: "&nbsp;", 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));
}