JqG​​rid 搜索字段的多个文本框

我想知道 JqGrid 高级搜索是否可以为我想要搜索的某些字段显示多个文本框。 例如，如果我有一个“电话号码”字段，我希望能够可视化 2 个框，一个用于区号，另一个用于电话号码的其余部分。 然后按“查找”后，我希望能够获取两个值并将它们合并或执行其他操作。

任何帮助，将不胜感激，

Thanks,

弗拉诺2802

您有一个有趣的问题，但我建议您使电话号码的输入更加友好和用户友好。有一个很好的 jQuery“屏蔽输入”插件。它允许您在输入字段内显示掩码，例如“(_) _-____”并且只允许输入数字。要了解我的意思，请打开页面http://digitalbush.com/projects/masked-input-plugin/#demo http://digitalbush.com/projects/masked-input-plugin/#demo，将焦点设置到“电话”字段并尝试输入内容。是不是不太好啊！

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

1. 下载jquery.maskedinput-1.2.2.js or/and jquery.maskedinput-1.2.2.min.js from http://digitalbush.com/projects/masked-input-plugin/ http://digitalbush.com/projects/masked-input-plugin/.
2. 在您的网页中插入此 JavaScript 文件中的一个。

3. 添加到“电话号码”列的定义colModel搜索选项块如下

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

就这样了。现在只需打开“高级搜索对话框”，选择“电话号码”字段并将焦点设置在输入字段中。功能dataInit在 jqGrid 文档中描述 and in .

顺便说一句，您可以在数据编辑（表单编辑和内联编辑）期间接收相同的屏蔽输入。只需定义相同即可editoption like searchoptions:

{ 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");
    }
  }
}