问具有多个字段文本框的JqGrid搜索

EN

您有一个有趣的问题，但我建议您使电话号码的输入更加友好和用户友好。有一个很好的jQuery“屏蔽输入”插件。它允许您在输入字段内显示掩码，例如"(_) _-____“，并只允许输入数字。要了解我所指的生活，请打开页面http://digitalbush.com/projects/masked-input-plugin/#demo，将焦点放在Phone字段，然后尝试键入一些内容。这不是很好吗？

要在JqGrid高级搜索对话框中执行此操作，请执行以下操作

1. 从网页中的此JavaScript文件下载jquery.maskedinput-1.2.2.js或/和_jquery.maskedinput-1.2.2.min.j_s。
2. 添加到colModel搜索选项块中‘电话号码’列的定义，如下所示

{名称：‘电话号码’，宽度: 83，索引：‘电话号码’，对齐：‘居中’，搜索选项：{ dataInit:函数(elem) { $(elem).mask("(999) 999-9999")；}

仅此而已。现在只需打开“高级搜索对话框”，选择“电话号码”字段，并在输入字段中设置焦点。在http://www.trirand.com/jqgridwiki/doku.php?id=wiki:search_config&s[]=datainita下和http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules&s[]=datainit中的jqGrid文档中描述的函数dataInit。

顺便说一句，您可以在数据编辑(表单编辑和内联编辑)期间接收相同的屏蔽输入。只需像searchoptions那样定义相同的editoption：

{ name: 'PhoneNumber', width: 83, index: 'PhoneNumber', align: 'center',
  editoptions: {
    dataInit: function (elem) {
      $(elem).mask("(999) 999-9999");
    }
  },
  searchoptions: {
    dataInit: function (elem) {
      $(elem).mask("(999) 999-9999");
    }
  }
}