JqGrid搜索字段的多個文本框

Question

我想知道是否有可能使用JqGrid高級搜索爲我想要搜索的某些字段顯示多個文本框。 例如，如果我有「電話號碼」字段，我希望能夠顯示2個框，一個用於區號，另一個用於電話號碼的其餘部分。 然後按'查找'後，我想能夠得到兩個值併合並它們或做別的事情。

任何幫助，將不勝感激，

感謝，

fromano2802

Answer 1

你有一個有趣的問題，但我建議你做的電話號碼更漂亮和人性化的輸入。有一個不錯的jQuery「Masked Input」插件。它允許您在輸入字段內顯示一個掩碼，如「（_）_ -____」，並且只允許輸入數字。要看到我的意思打開頁面http://digitalbush.com/projects/masked-input-plugin/#demo，將焦點設置到電話字段，並嘗試鍵入內容。這不好嗎！

要做到這一點的jqGrid高級搜索對話框內，你應該做以下

1. 下載jquery.maskedinput-1.2.2.js或/和jquery.maskedinput，1.2.2.min.j來自http://digitalbush.com/projects/masked-input-plugin/。
2. 從這個JavaScript文件中插入一個來自你的網頁。

3. 添加到您的 '電話號碼' 一欄的定義colModel searchoptions阻止像下面

   {名稱： '******中國'，寬度：83，指數： '******中國'，對齊： '中心'， searchoptions ：{ dataInit：function（elem）{（elem）.mask（「（999）999-9999」）; }} }

這一切。現在只需打開「高級搜索對話框」，選擇「電話號碼」字段並在輸入字段中設置焦點。在jqGrid文檔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下描述的功能dataInit。

順便說一句，您可以在數據編輯（窗體編輯和內聯編輯）期間接收相同的屏蔽輸入。只要定義相同editoption像searchoption S：

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