2013-01-11 59 views
0

我是sencha touch的新手。我需要添加,更新數據記錄的詳細信息。但我沒有任何想法。下面是我的示例代碼Sencha touch 2〜使用球衣添加,刪除和更新數據記錄

View.js

Ext.define('bluebutton.view.BlueButton.Loyalty', { 
    extend: 'Ext.Container', 
    xtype: 'loyaltycard', 
     requires: [ 

    'bluebutton.view.BlueButton.TransactionList', 
    'bluebutton.view.BlueButton.MemberPopUp', 
    'bluebutton.view.BlueButton.MemberDetail', 


    'Ext.ux.keypad.Keypad', 
    'Ext.Img' 



    ], 
    config: { 
//  iconCls: 'add_black', 
//  title :'Loyalty Point', 
     styleHtmlContent: true, 
     cls: 'styledContent', 
//   
     layout: 'hbox', 
     border: 3, 
     ui: 'round', 
     defaults: { 
       margin : '10 10 10 10', 
       padding : 10 
      }, 

     items :[ 


      { 
       flex: 1, 
       cls :'containerRadious' , 
       xtype :'container', 

       items :[ 
        { 
         xtype: 'fieldset', 
         title: 'Welcome, new member ~<i><u>Kenny</u></i>', 
          defaults: { 
          labelWidth: '35%', 
          style: 'font-size:1.0em' 
         }, 
         items: [ 
          { 

           xtype: 'image', 
           src: 'resources/images/user3.png', 
           height: 100, 
           margin:20 

          }, 



          { 
           xtype: 'textfield', 
           name : 'Name', 
           label: 'Name', 
           value :'Kenny Chow', 
           readOnly: true 
          }, 
          { 
           xtype: 'textfield', 
           name : 'Age', 
           label: 'Age', 
           value :'20', 
           readOnly: true 
          }, 
          { 
           xtype: 'textfield', 
           name : 'Point Available', 
           label: 'Point Available', 
           value :'50', 
           id :'pointAvalaible', 
           readOnly: true 
          }, 
          { 
           xtype: 'textfield', 
           name : 'Last Visited', 
           label: 'Last Visited', 
           value :'27/12/2012 11:53 AM', 
           readOnly: true 
          }, 
          { 
           xtype:'button', 
           text: 'Add', 
           handler: function() { 

           } 

          }, 

          { 
           xtype:'button', 
           text: 'Delete', 
           handler: function() { 


           } 


          }, 

          { 
           xtype:'button', 
           text: 'update', 
           handler: function() { 


           } 


          } 

         ] 

        } 
       ] 

      }, 


      { 
       flex: 2, 
       xtype :'container', 
        cls :'containerRadious' , 

       items :[ 
        { 


         centered : true, 
         xtype :'keypad', 
         margin : '30', 


        } 


       ] 


      } 




     ], 


    } 

}); 

Model.js

Ext.define('bluebutton.model.BlueButton.MemberList', { 
    extend: 'Ext.data.Model', 
    config: { 
     idProperty: 'memberModel', 
     fields: [ 
      { name: 'memberId' }, 
      { name: 'name' }, 
      { name: 'messages' }, 
      { name: 'imgUrl' }, 
      { name: 'age' }, 
      { name: 'address' }, 
      { name: 'pointAvalaible' }, 
      { name: 'lastVisited' }, 

     ] 
    } 
}); 

Store.js

Ext.define('bluebutton.store.BlueButton.MemberList', { 
    extend: 'Ext.data.Store', 
    requires: [ 
//  'bluebutton.model.BlueButton.MemberList' 
    ], 

    config: { 
     grouper: { 
      groupFn: function (record) { 
       return record.get('name')[0]; 
      } 
     }, 

      proxy: { 
        type: 'ajax', 
        api: { 
        create : 'index.php?r=show/add', 
        read : 'index.php?r=show/read', 
        update : 'index.php?r=show/update', 
        destroy: 'index.php?r=show/delete' 
        } 
       }, 

      model :'memberModel', 
      storeId :'memberStore', 
      autoLoad:false, 
      pageSize: 5, 
      clearOnPageLoad: false, 

     data: [{ 
      memberId: 'Kenny', 
      name: 'Kenny Chow', 
      imgUrl: 'resources/images/user3.png', 
      age: '20', 
      address:'The Business Centre , 61 Wellfield Road , Roath, Cardiff, CF24 3DG', 
      pointAvalaible :'10', 
      lastVisited: '26/11/2012, 11:52 AM', 




     }, { 
      memberId: 'Anthony', 
      name: 'Anthony Tan', 
      imgUrl: 'resources/images/user3.png', 
      age: '21', 
      address:'3 Edgar Buildings , George Street , Bath , England , BA1 2FJ', 
      pointAvalaible :'45', 
      lastVisited: '27/11/2012, 09:52 AM' 
     }, 

     { 
      memberId: 'Nicholas', 
      name: 'Nicholas Chen', 
      imgUrl: 'resources/images/user3.png', 
      age: '22', 
      address: '91 Western Road , Brighton ,East Sussex ,England ,BN1 2NW ', 
      pointAvalaible :'30', 
      lastVisited: '30/11/2012, 15:52 PM' 
     }, 

     { 
      memberId: 'Admin2', 
      name: 'Admin2', 
      imgUrl: 'resources/images/user3.png', 
      age: '30', 
      address: '50 Eestern Road , Brighton ,West Sussex ,England ,BN1 34W ', 
      pointAvalaible :'120', 
      lastVisited: '01/12/2012, 15:52 PM' 
     }, 

     { 
      memberId: 'Ahmad', 
      name: 'Ahmad Mohamad', 
      imgUrl: 'resources/images/user3.png', 
      age: '25', 
       address:'Office 33 ,27 Colmore Row ,Birmingham, England ,B3 2EW', 
       pointAvalaible :'32', 
       lastVisited: '30/11/2012, 18:52 PM' 
     } 
     , 

      { 
      memberId: 'AronTan', 
      name: 'Tan Wan Hua', 
      imgUrl: 'resources/images/user3.png', 
      age: '26', 
       address:'Office 33 ,27 Colmore Row ,Birmingham, England ,B3 2EW', 
       pointAvalaible :'32', 
       lastVisited: '30/11/2012, 18:52 PM' 
     }, 

      { 
      memberId: 'Justin', 
      name: 'Wong Choon Wah', 
      imgUrl: 'resources/images/user3.png', 
      age: '25', 
       address:'Office 33 ,27 Colmore Row ,Birmingham, England ,B3 2EW', 
       pointAvalaible :'32', 
       lastVisited: '30/11/2012, 18:52 PM' 
     }, 

      { 
      memberId: 'User5', 
      name: 'User2', 
      imgUrl: 'resources/images/user3.png', 
      age: '25', 
       address:'Office 33 ,27 Colmore Row ,Birmingham, England ,B3 2EW', 
       pointAvalaible :'32', 
       lastVisited: '30/11/2012, 18:52 PM' 
     } 



     ] 
    } 
}); 

請給我提供了一些例子

+0

你有什麼已經使用新澤西州受審服務器端代碼?看看[this](http://www.mkyong.com/webservices/jax-rs/jersey-hello-world-example/)。 – Srinivas

回答

0

我懷疑你需要開始使用Jer sey用於實現服務器端代碼。
這裏是我的建議:

  1. 開始上市,這樣你將需要的服務。 (添加/更新數據記錄詳細信息)
  2. 有由mkyong入門與新澤西看看this教程
  3. 執行工作的第一個剪切
  4. 設法改善和閱讀更多關於新澤西功能迭代(註解,POJO映射,ExceptionMapper等)
相關問題