---
title: "Implement searchfield functionality in sencha touch"  
description: "Implement searchfield functionality in sencha touch"  
author: "Takeshi Okada"  
published: 2013-05-31  
updated: 2013-06-01  
canonical: https://www.mindstick.com/forum/947/implement-searchfield-functionality-in-sencha-touch  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 1 minute  

---

# Implement searchfield functionality in sencha touch

Hi [Expert](https://www.mindstick.com/articles/13120/an-expert-financial-advice-will-improve-your-finances)!\
I [am getting](https://www.mindstick.com/forum/34179/i-am-getting-error-while-assigning-the-data-to-the-array-list) [problem](https://yourviews.mindstick.com/view/81399/tackling-the-problem-of-unemployment-during-corona-pandemic) that how to [implement search](https://answers.mindstick.com/qa/111891/how-do-i-implement-search-functionality-efficiently-in-large-datasets) field on tree [store](https://www.mindstick.com/articles/13125/tips-to-increase-sales-of-your-woocommerce-store) getting [data from the server](https://www.mindstick.com/forum/156656/fetch-the-json-data-from-the-server-through-jquery) in [sencha touch](https://www.mindstick.com/interview/23004/define-class-system-of-sencha-touch). Any working code will be appreciated.\
Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)!

## Replies

### Reply by AVADHESH PATEL

Hi Takeshi!\
Assuming the data is already in the store when you [search](https://www.mindstick.com/articles/65368/best-smo-services-company-in-hyderabad-improve-search-rankings) this isn't too difficult to implement using the methods referenced by speznaz.\
In your view have a xtype "searchfield" or "textfield".\
{ xtype: "searchfield",}\
In the controller bind a "keyup" event to this field.\
refs: { searchfield: 'mypanel searchfield'},control: { searchfield: { keyup: 'doSearch' }}\
For your function to search something like:\
doSearch: function(searchfield, e, eOpts) { var searchterm = searchfield.getValue(); var store = Ext.getStore('myStore');\
// Now just customise the search options store.find(fieldName, value, [startIndex], [anyMatch], [caseSensitive], [exactMatch] );}\
This is assuming you want to search on keyup. You may want to use the "action" event instead.\
I hope it helpful for you.


---

Original Source: https://www.mindstick.com/forum/947/implement-searchfield-functionality-in-sencha-touch

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.