在文本框中搜索选项

我正在使用ExtJs4.I在我的web应用程序中有一个窗体，其中有文本框。当在文本框中按任意键时，场景提供一个类似于AJAX的搜索（如Google）。搜索将查看Web服务并显示结果（JSON对象），类似于Google搜索。在文本框中搜索选项

有没有这样做的想法，链接或教程？

感谢

来源

2012-04-30 user1321824

你可以使用的ComboBox这一点。带触发器或无触发器（看起来像TextBox）。

煎茶提供了很好的例子：
http://docs.sencha.com/ext-js/4-0/#!/example/form/combos.html
http://docs.sencha.com/ext-js/4-0/#!/example/form/forum-search.html

这是一个简单的例子：

{ 
     xtype: 'combo', 
     id: 'myCombo', 
     store: Ext.create('Ext.data.ArrayStore', { 
       model: Ext.define('ComboModel', { 
         extend: 'Ext.data.Model', 
         fields: ['id','data1','data2'] 
       }), 
       proxy: { 
         type: 'ajax', 
         url : 'data.json', 
         reader: { 
           type: 'array' 
         } 
       } 

     }), 
     triggerAction: 'query', 
     minChars: 2, 
     fieldLabel: 'Search', 
     displayField: 'data1', 
     msgTarget: 'side', 
     triggerCls : 'x-form-search-trigger', // Search Icon For Instance 
     listConfig: { 
       getInnerTpl: function() { 
         return '<div>{data1}</div><div>{data2}</div>'; 
       } 
     } 
}

而且JSON文件：

[ 
    ['1','data1-1','data2-1'], 
    ['2','data1-2','data2-2'], 
    ['3','data1-3','data2-3'], 
    ['4','data1-4','data2-4'], 
    ['5','data1-5','data2-5'] 
]

来源

2012-04-30 17:56:12 Natasha

嗨娜塔莎，感谢你的建议，在这里我需要从json发送id字段作为combobox的输入值。如何设置？ – user1321824

请提出另一个问题。答案不符合评论。 – Natasha

我希望这将帮助你一点，那里你可以找到很多例子中extjs4

http://www.sencha.com/products/extjs/examples/ http://dev.sencha.com/deploy/ext-4.1.0- GPL /例子/＃样品2

来源

2012-04-30 17:55:18

试试这个例子：http://docs.sencha.com/ext-js/4-0/#!/example/form/forum-search.html

来源

2012-04-30 17:55:58

我觉得这个例子http://docs.sencha.com/ext-js/4-1/#!/example/form/forum-search.html将会对你有意思。这种实现使用标准组合框控件。在你的情况下，你需要设置minChars属性= 1，在这种情况下，绑定到Combobox的商店将生成标准的读取查询与服务器的过滤器参数。您可以在那里生成结果。

来源

2012-04-30 17:59:11 Rustem

在文本框中搜索选项

回答

相关问题