2012-04-17 238 views
1

我停留在什麼似乎是一個簡單的事情創建另一個列表,在煎茶觸摸列表

我是新來的整個煎茶觸摸環境,仍然需要讓我的頭周圍有很多的的東西。

這裏的問題林面,

我已經建立了gettingStarted應用從煎茶網頁,這個程序是它裝載上單擊列表中的項目從JSON數據&列表簡單,但它的HTML所選項目

什麼即時試圖做的內容,這樣

1列出一個負載在啓動時 2-在單擊列表中的項目1,它加載另一個列表2 3-創建另一個列表在選擇列表2時,它將加載HTML內容。

我寫了webservice來返回數據作爲JSON的基礎上,我想建立第二個列表。

林呼籲itemTap功能 「showPost」,它看起來像這樣:

showPost: function(list, index, element, record){ 
    Ext.Ajax.request({ 
     url: 'http://localhost/mobig/ws/search.php?cat='+record.get('category'),    
     success: function(response){ 
      var text = response.responseText; 
      var responses = Ext.JSON.decode(response.responseText); 

      alert(responses.posts[0].title); 
     } 
    }); 

我也有,這一點:

this.getBlog().setData({ 
     xtype:'panel', 
     title:record.get('category'), 
     html:'<img src='+record.get('imageURL')+'/>', 
     scrollable:true, 
     styleHTMLContent:true 
    }); 
} 

它加載從清單1.

HTML內容

感謝您的幫助提前,並對不好的英語感到抱歉,

如果您可以指點我一些例子,這將是一個學習的好地方。

謝謝! Mo.

回答

0

最方便的方式,以節省您的時間是使用Ext.NestedList,但我不建議這樣做,因爲在煎茶觸摸2當前嵌套表表現依舊是那麼可怕(滾動,事件捕捉,等等) ,如果你關心性能,你應該使用2分開的Ext.List,例如。 list_one與store_one和list_two與store_two,當list_one觸發itemtap事件,趕上record參數並處理它(也許通過閱讀TreeStore,或寫自己的API,如http://yourdomain/api=get_list_two&record_from_list_one=record

希望它能幫助。

+0

嗨蒂姆,感謝您的輸入,讓我給這個鏡頭,我正在經歷sencha視頻,並瞭解到我應該爲每個列表創建一個單獨的視圖,並在函數加載上創建視圖。我已經寫過我的api之前返回JSON數據,但又一次,我很難試圖創建JSON數據,你知道任何顯示動態構建JSON數據的例子嗎? – mohak 2012-04-18 11:12:05

+0

這也取決於你的後端服務器返回什麼,我的意思是web API。您的意思是來自Web API的JSON數據格式,它可以方便地構建每個列表的數據記錄或簡單地處理它們?我不確定我是否理解你的觀點,所以請更具體地解釋一下。 – 2012-04-18 14:10:29

+0

嗨,Thiem,還沒有找到解決方案,但我們仍在使用嵌套列表來查看它是否可以做我們想要的,理想情況下,這是我的目標是完成:1)我的應用程序(加載),2)我有一個屏幕,顯示一些選項3)點擊屏幕1上的選項/類別之一,它需要屏幕2與列表更多的選項4)一旦我從那裏選擇另一個選項,它顯示一個HTML頁面...我可以做到這一點與2 web服務調用來檢索不同的json數據集?如果是這樣,你能指點我一個例子,或者,我應該去嵌套列表。謝謝, – mohak 2012-04-24 12:48:02

0

這聽起來像你想建立一個嵌套列表。 Here's the nested list tutorial,它應該指向正確的方向。

+0

感謝Briguy,嵌套列表是理想的我想怎麼做,讓我看看這是否工作,感謝您的輸入:) – mohak 2012-04-18 11:13:22