如何在sencha touch中有可編輯列表？

Question

• 我想構建待辦事項列表。所以，Im 尋找項目雙 龍頭將允許我編輯 允許出現文本字段列表。任何 的想法??

Answer 1

只需創建一個列表，爲其添加一個itemdoubletap偵聽器，並在該事件中創建一個帶有textarea和停靠的工具欄按鈕的浮動面板。檢查Sencha Touch的例子以供參考。

Answer 2

這裏是一個iPhone風格的編輯列表

https://github.com/tmanderson/Sencha-Touch-Edit-List

Answer 3

這裏是一個工作Example。
封裝你在DIV要edit.Give的「數據名」數據屬性具有DIV同一數據名。 捕獲itemdoubletap事件並查找實際目標。 在這個例子中，數據是「冠軍」，所以給了相同的名稱及其div的屬性

Ext.create('Ext.List', { 
       fullscreen: true, 
       itemTpl: '<div data-name="title">{title}</div>', 
       data: [ 
        { title: 'Item 1' }, 
        { title: 'Item 2' }, 
        { title: 'Item 3' }, 
        { title: 'Item 4' } 
       ], 
       listeners: { 
        itemdoubletap: function (list, index, target, record, e, eOpts) { 
         var actualTarget = e.getTarget('div'); 
         if (actualTarget.dataset.name == 'title') { 
          actualTarget.innerHTML = ''; 
          var textfield = document.createElement("INPUT"); 
          textfield.setAttribute("type", "text"); 
          textfield.style.width = '100%', 
          textfield.record = record; 
          textfield.value = record.data[actualTarget.dataset.name]; 
          textfield.onblur = function() { 
           if (record.data[actualTarget.dataset.name] != this.value) { 
            record.data[actualTarget.dataset.name] = this.value; 
           } 
           this.parentNode.innerHTML = this.value; 
          } 
          actualTarget.appendChild(textfield); 
          textfield.focus(); 
         } 
        } 
       } 
      }