在煎茶触摸列表

问题描述:

我停留在什么似乎是一个简单的事情创建另一个列表,在煎茶触摸列表

我是新来的整个煎茶触摸环境,仍然需要让我的头周围有很多的的东西。

这里的问题林面,

我已经建立了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.

最方便的方式,以节省您的时间是使用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

这听起来像你想建立一个嵌套列表。 Here's the nested list tutorial,它应该指向正确的方向。

+0

感谢Briguy,嵌套列表是理想的我想怎么做,让我看看这是否工作,感谢您的输入:) – mohak 2012-04-18 11:13:22