Sencha Basics: An Introduction to Data Stores http://www.sencha.com/blog/sencha-basics-an-introduction-to-data-stores The process of building a complex web application has evolved a lot over the past few years, with many server-side and native application development paradigms moving into JavaScript. This article takes a brief, high-level look at Sencha’s data stores, and how they can be used to reduce your development time and future-proof your apps. en-us dave@sencha.com Copyright 2011 2011-06-23T14:30:36+00:00 Comment by Edgar Wow! Thanks for the super quick response! Wow! Thanks for the super quick response!

]]> Tue, 28 Jun 2011 02:55 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23535#date:02:55 Comment by David Kaneda @camelCase: Sorry to hear. I admit, it was difficult to decide where to abridge the pseudo-code to make it as digestible as possible, but, I disagree that there is no effect to the post and it is purely meant to “reaffirm expertise.” Quite the opposite — this came after speaking at a few “web design”-centric conferences, and realizing that there are many web developers out there who are alien to the idea of single page web apps. This is meant for that audience, hence the “Sencha Basics” in the title. Perhaps we’ll put the next one directly in the our new Learn section and skip the blog, though, as I suspect you’re right in that it’s preaching to the choir a bit. @AwesomeBob and @Edgar OH NO! I just realized our CMS actually stripped those out (they were in the same format as our templates). The actual code was just as you both described. Will try to resolve ASAP (maybe I’ll just change the format, since it’s pseudo-code anyway). @camelCase: Sorry to hear. I admit, it was difficult to decide where to abridge the pseudo-code to make it as digestible as possible, but, I disagree that there is no effect to the post and it is purely meant to “reaffirm expertise.” Quite the opposite — this came after speaking at a few “web design”-centric conferences, and realizing that there are many web developers out there who are alien to the idea of single page web apps. This is meant for that audience, hence the “Sencha Basics” in the title. Perhaps we’ll put the next one directly in the our new Learn section and skip the blog, though, as I suspect you’re right in that it’s preaching to the choir a bit.

@AwesomeBob and @Edgar OH NO! I just realized our CMS actually stripped those out (they were in the same format as our templates). The actual code was just as you both described. Will try to resolve ASAP (maybe I’ll just change the format, since it’s pseudo-code anyway).

]]> Mon, 27 Jun 2011 22:59 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23527#date:22:59 Comment by Edgar This bit confused me: followingCountCmp.update({           followCount: followingStore.getCount()       }); Will followingCountCmp now have a property ‘followCount’? Also, this template doesn’t have any variables: tpl: ‘Following ‘ Shouldn’t it be something like the following? tpl: ‘Following: ${followCount}’ Similarly, should this: ‘<tpl for=”.”>”” /</tpl>’ be this instead?: ‘<tpl for=”.”>${item.url}</tpl>’ This bit confused me:
followingCountCmp.update({
          followCount: followingStore.getCount()
      });
Will followingCountCmp now have a property ‘followCount’? Also, this template doesn’t have any variables:
tpl: ‘Following ‘
Shouldn’t it be something like the following?
tpl: ‘Following: ${followCount}’

Similarly, should this:
‘<tpl for=”.”>”” /</tpl>’
be this instead?:
‘<tpl for=”.”>${item.url}</tpl>’

]]> Mon, 27 Jun 2011 15:37 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23480#date:15:37 Comment by camelCase I find this blog entry a little disappointing. There are too many gaps in the pseudo code for the true beginner to bridge over, so in effect the post does little more than allow existing experts to reaffirm their expertise. I also question the structure of the blog entry, in an already excessively brief article, why waste 40% of column inches on a rehash of the general argument for single page applications and the role for a RIA framework? I find this blog entry a little disappointing. There are too many gaps in the pseudo code for the true beginner to bridge over, so in effect the post does little more than allow existing experts to reaffirm their expertise. I also question the structure of the blog entry, in an already excessively brief article, why waste 40% of column inches on a rehash of the general argument for single page applications and the role for a RIA framework?

]]> Mon, 27 Jun 2011 08:11 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23464#date:08:11 Comment by AwesomeBob They cruised over things like proxies here but what you’re looking for can be found in the examples and the API. Also just a heads up, the data view’s template isn’t using a field for the image’s src attribute, maybe something like this: ‘&lt;tpl for=”.”&gt;{thumbnail}&lt;/tpl&gt;’ They cruised over things like proxies here but what you’re looking for can be found in the examples and the API. Also just a heads up, the data view’s template isn’t using a field for the image’s src attribute, maybe something like this:
‘<tpl for=”.”>{thumbnail}</tpl>’

]]> Fri, 24 Jun 2011 19:37 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23345#date:19:37 Comment by David Kaneda @Vladimir Thanks! I am considering turningnthis into a series to help change the mindset of traditional web devs. @Yves There are actually some great real-world data store guides at http://www.sencha.com/learn/ @Vladimir Thanks! I am considering turningnthis into a series to help change the mindset of traditional web devs.

@Yves There are actually some great real-world data store guides at http://www.sencha.com/learn/

]]> Thu, 23 Jun 2011 18:06 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23309#date:18:06 Comment by saiprasad mishra Very nice post about data store thanks for sharing the expert tip keep blogging guys with all these cool features so that it helps us to use more ext js to full power, its a great framework but now it becomes even greater with more sharing of tips and tricks about all those best features underneath Very nice post about data store thanks for sharing the expert tip keep blogging guys with all these cool features so that it helps us to use more ext js to full power, its a great framework but now it becomes even greater with more sharing of tips and tricks about all those best features underneath

]]> Thu, 23 Jun 2011 16:55 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23308#date:16:55 Comment by Yves Deboutton I would like to see these blog-tutorials with non-pseudo code. Actual Ext-JS code would be more useful. I would like to see these blog-tutorials with non-pseudo code. Actual Ext-JS code would be more useful.

]]> Thu, 23 Jun 2011 15:32 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23307#date:15:32 Comment by Vladimir Excellent post! Wish there were a whole series of “Sencha Basics” blogs like this one. I think that would help developers who just begin to explore ExtJS quite a bit. Excellent post! Wish there were a whole series of “Sencha Basics” blogs like this one. I think that would help developers who just begin to explore ExtJS quite a bit.

]]> Wed, 22 Jun 2011 21:19 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23272#date:21:19 Comment by David Kaneda @sagar It would appear ok to me, but I’m not the best to debug detailed data questions. I’m sure we’ll have a support guy on that thread soon. @Ronny We have lots of options available in these classes, just check out the API docs to learn more. I know there are methods/attributes in there for paginating responses etc., though getting a “total count” might require it’s own API end point. This article was meant more of a general introduction to the concept, so it’s really just pseudo code that I’m showing. @sagar It would appear ok to me, but I’m not the best to debug detailed data questions. I’m sure we’ll have a support guy on that thread soon.

@Ronny We have lots of options available in these classes, just check out the API docs to learn more. I know there are methods/attributes in there for paginating responses etc., though getting a “total count” might require it’s own API end point. This article was meant more of a general introduction to the concept, so it’s really just pseudo code that I’m showing.

]]> Mon, 20 Jun 2011 19:21 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:23172#date:19:21 Comment by Ronny López Event-driven programming, that is excellent. One question, though: when data store data is loaded, does it load all the records from the server ? All the ‘following users’ records ? How do you get only the last 5 following users and the count from the server without loading the entire list of ‘following users’ ? Event-driven programming, that is excellent.

One question, though: when data store data is loaded, does it load all the records from the server ? All the ‘following users’ records ?

How do you get only the last 5 following users and the count from the server without loading the entire list of ‘following users’ ?

]]> Thu, 16 Jun 2011 16:33 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:22975#date:16:33 Comment by sagar Hi David, Really liked your post. I am also trying to play around with use of data store to read nested complex XML from REST type of webservice. I have posted this on thread http://www.sencha.com/forum/showthread.php?136324-Reading-complex-XML-using-XMLReader Do yo.u have any suggestions or thoughts on this ? Thanks..! Hi David,
Really liked your post. I am also trying to play around with use of data store to read nested complex XML from REST type of webservice. I have posted this on thread http://www.sencha.com/forum/showthread.php?136324-Reading-complex-XML-using-XMLReader Do yo.u have any suggestions or thoughts on this ?

Thanks..!

]]> Thu, 16 Jun 2011 15:51 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:22971#date:15:51 Comment by Cameron @Krishna, If your unfamiliar with Ext/Sencha Touch, there will likely be a bit of a steep learning curve as you figure out the APIs. It is a very powerful framework and its worth spending time on some of the other blog posts and tutorials (even full code samples) to see how things are done. @Krishna, If your unfamiliar with Ext/Sencha Touch, there will likely be a bit of a steep learning curve as you figure out the APIs. It is a very powerful framework and its worth spending time on some of the other blog posts and tutorials (even full code samples) to see how things are done.

]]> Thu, 16 Jun 2011 14:22 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:22959#date:14:22 Comment by Krishna HK Excellent, What is the basic knowledge to be able to understand how to write and understand the code ? Is it hard to learn ? I am a self learner and familiar with Classic ASP. Thanks to let me posted my reply. Excellent,
What is the basic knowledge to be able to understand how to write and understand the code ?
Is it hard to learn ? I am a self learner and familiar with Classic ASP.
Thanks to let me posted my reply.

]]> Thu, 16 Jun 2011 12:52 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:22943#date:12:52 Comment by Martin Kelly Excellent Post David, Where could I learn more about the topics in this post? Thanks Excellent Post David,

Where could I learn more about the topics in this post?

Thanks

]]> Thu, 16 Jun 2011 12:19 GMT http://www.sencha.com/blog//sencha-basics-an-introduction-to-data-stores#id:22939#date:12:19