ExtJs代码详细解释
求大侠们帮忙详细解释 每个参数 代码的意思。自学实例希望能快速入门 开发 谢谢！
主要是ext的代码 以及他们的运行过程和原理。
例如：
onReady--页面加载执行操作，var bookGrid = new Ext.grid.GridPanel({---定义模板 1,页面部分的
Ext.onReady(function(){
  //定义数据集对象
  var bookStore = new Ext.data.Store({
  autoLoad :true,
  reader: new Ext.data.XmlReader({
  totalRecords: "results",
  record: "Book",
  id: "id"
  },
  Ext.data.Record.create([
  {name: 'id'},
  {name: 'bookName'},
  {name: 'author'},
  {name: 'typeName'},
  {name: 'price'},
  {name: 'brief'}
  ])
  ),
  proxy : new Ext.data.HttpProxy({
  url : 'bookext.do?method=getBookList'
  })
  })
  //创建工具栏组件
  var toolbar = new Ext.Toolbar([
  {text : '修改书籍',iconCls:'option',handler:showModifyBook}
 
  ]);
  //创建Grid表格组件
  var cb = new Ext.grid.CheckboxSelectionModel()
  var bookGrid = new Ext.grid.GridPanel({
  applyTo : 'grid-div',
  frame:true,
  tbar : toolbar,
  store: bookStore,
  stripeRows : true,
  autoScroll : true,
  viewConfig : {
  autoFill : true
  },
  sm : cb,
  columns: [//配置表格列
  new Ext.grid.RowNumberer({
  header : '行号',
  width : 40
  }),//表格行号组件
  cb,
  {header: "书籍编号", width: 80, dataIndex: 'id', sortable: true},
  {header: "书籍名称", width: 80, dataIndex: 'bookName', sortable: true},
  {header: "作者", width: 80, dataIndex: 'author', sortable: true},
  {header: "类型", width: 80, dataIndex: 'typeName', sortable: true},
  {header: "金额", width: 80, dataIndex: 'price', sortable: true},
  {header: "简介", width: 80, dataIndex: 'brief', sortable: true}
  ]
  })
  //创建新增书籍信息的form表单
  Ext.QuickTips.init();
  Ext.form.Field.prototype.msgTarget = 'side';//统一指定错误信息提示方式
  var bookForm = new Ext.FormPanel({
  labelSeparator : "：",
  frame:true,
  border:false,
  items : [
  {
  xtype:'textfield',
  width : 200,
  allowBlank : false,
  blankText : '书籍名称不能为空',
  name : 'bookName',
  fieldLabel:'书籍名称'
  },{
  xtype:'textfield',
  width : 200,
  allowBlank : false,
  blankText : '书籍作者不能为空',
  name : 'author',
  fieldLabel:'作者'
  },{
  xtype:'combo',
  width : 200,
  allowBlank : false,
  blankText : '必须选择书籍类型',
  hiddenName : 'bookTypeId',
  name : 'typeName',
  store : new Ext.data.Store({
  autoLoad :true,
  reader: new Ext.data.XmlReader({
  totalRecords: "results",
  record: "BookType",
  id: "id"
  },
  Ext.data.Record.create([
  {name: 'id'},
  {name: 'title'},
  {name: 'detail'}
  ])
  ),
  proxy : new Ext.data.HttpProxy({
  url : 'bookext.do?method=getBookTypeList'
  })
  }),//设置数据源
  allQuery:'allbook',//查询全部信息的查询字符串
  triggerAction: 'all',//单击触发按钮显示全部数据
  editable : false,//禁止编辑