Book Image

Learning Ext JS 4

By : Crysfel Villa, Armando Gonzalez
Book Image

Learning Ext JS 4

By: Crysfel Villa, Armando Gonzalez

Overview of this book

<p>Ext JS is a JavaScript library for building interactive web applications using techniques such as Ajax, DHTML, and DOM scripting.<br /><br />Ext JS 4 features expanded functionality, plugin-free charting, and a new MVC architecture, it's the best Ext JS web application development platform yet. It helps develop incredible web apps for every browser.<br /><br />Learning Ext JS 4 will teach you how to get the best of each Ext JS component and also show you some very practical examples that you can use in real world applications. You will also learn why it is so useful and powerful in developing fast and beautiful applications.<br /><br />The book starts with the very basics of Ext JS. You will learn to create a small application step-by-step, and add new features to it in every chapter.<br /><br />Once you grasp the basics, you will learn more complicated topics such as creating new components, templates, architecture, patterns, and also tips and techniques that will help you improve your skills on JavaScript and Ext JS 4. We also cover how to create themes to make your application design beautiful and customize it the way you need.<br /><br />At the end of the book, you will have a working application built using all the knowledge you gained from the book.</p> <p>&nbsp;</p>
Table of Contents (20 chapters)
Learning Ext JS 4
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Sending data


Once we have added, modified, or even deleted our original data we should send our changes to our server. The Ext allows us to do that by using a writer to encode our data to the right format. We have two types of writers available, for JSON and XML format.

Let's modify our store class and define a JSON writer to our proxy:

Ext.define('MyApp.store.Invoices',{
extend  : 'Ext.data.Store',
model  : 'MyApp.model.Invoice',

  //Ajax proxy with JSON reader and writer
proxy  : {
    type  : 'ajax',
    url    : 'serverside/invoices.json',
    reader  : {
      type  : 'json',
      root  : 'data'
    },
    writer  : {
      type  : 'json',
      allowSingle  : false
    }
    }
});

By setting a writer property we can define the type of format to encode our data. In this case we are setting json in the type property. Also we have defined the allowSingle property to false. This means that even if we modify only one model, it will be sent wrapped in an array. This way we will always receive...