Question

我有一个jqxGrid，如下所示，我想限制jqxGrid中的字符数。

columns : [ {
text :
‘Type’,datafield : ‘type’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
}, {
text :
‘Phase’,datafield : ‘phase’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
},{
text :
‘Phase Description’,datafield : ‘phaseDescription’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
},{
text :
‘Custom Phase’, datafield : ‘customPhase’, width : 150, align : ‘center’, cellsalign : ‘left’
}

对于“自定义阶段”列，我需要将用户输入限制为10个字符。如何实现呢？

Answer 1

为此，您必须使用jqwidget验证并在视图文件中包含文件jqxvalidator.js，并在列中使用此代码：

 columns : [ {
text :
‘Type’,datafield : ‘type’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
}, {
text :
‘Phase’,datafield : ‘phase’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
},{
text :
‘Phase Description’,datafield : ‘phaseDescription’, width : 150, align : ‘center’,cellsalign : ‘left’, editable : false
},{
text :
‘Custom Phase’, datafield : ‘customPhase’, width : 150, align : ‘center’, cellsalign : ‘left’,
     validation: function (cell, value) 
              {
                if (value.length > 10) {
                   return { result: false, message: "character should be  maximum 10" };
                }
              return true;
              }
}

Answer 2

该演示使用了该列的“验证”功能：cellediting.htm。

 validation: function(cell, value)
 {
    if (value.toString().length > 10)
    {
        return { result: false, message: "entered text should be less than 10 characters"}
    }
    return true;
 }

toString（）是必需的，因为该值可以是Number或Date对象。

限制JqxGrid中的字符数

2 个答案: