[Help] Scroll view in cocos2d-html5

cocos2d-x JavaScript
#1

I want to make a list of room, but i dont`t know how to make a scroll in cocos2d html5,
someone can show me how, thanks

#2

Hi Nguyen,

You can reference the sample codes at /samples/tests/ExtensionsTest/TableViewTest/TableViewTestScene.js

Best regards
David

#3

Thanks Dingping, I ran this on test case but i got this error:
Uncaught TypeError: Object # has no method ‘cellSizeForTable’ CCTableView.js:229
cc.TableView.cc.ScrollView.extend._updateContentSize CCTableView.js:229
cc.TableView.create CCTableView.js:565
cc.Layer.extend.init TableViewTestScene.js:42
(anonymous function) CCClass.js:133
TableViewTestLayer.create TableViewTestScene.js:119
runTableViewTest TableViewTestScene.js:127
extensionsTestItemNames.testScene ExtensionsTest.js:70
cc.Layer.extend.menuCallback ExtensionsTest.js:118
cc.MenuItem.cc.NodeRGBA.extend.activate CCMenuItem.js:193
cc.MenuItemLabel.cc.MenuItem.extend.activate CCMenuItem.js:353
cc.Menu.cc.LayerRGBA.extend.onTouchEnded CCMenu.js:471
cc.TouchDispatcher.cc.Class.extend.touches CCTouchDispatcher.js:370
cc.TouchDispatcher.cc.Class.extend.touchesEnded CCTouchDispatcher.js:495
cc.EGLView.cc.Class.extend.handleTouchesEnd CCEGLView.js:564
cc.EGLView.cc.Class.extend.touchesEnded CCEGLView.js:692
cc.ProcessMouseupEvent CCTouchDispatcher.js:641

Help me please thanks

#4

any example of CCScrollView please? couldn’t find any on the samples folder

#5

it’s the bug for the html5 version 2.2 ,you have to pull the code from github.com ,and it will solve the problems you got:)

#6

Thanks, winson

#7

RavalMatic BCN wrote:

any example of CCScrollView please? couldn’t find any on the samples folder

There is a scroll view test on tests/extensions test/CocosBuilder Test/Scroll view .

#8

Nguyen Hai wrote:

Thanks Dingping, I ran this on test case but i got this error:
Uncaught TypeError: Object # has no method ‘cellSizeForTable’ CCTableView.js:229
cc.TableView.cc.ScrollView.extend._updateContentSize CCTableView.js:229
cc.TableView.create CCTableView.js:565
cc.Layer.extend.init TableViewTestScene.js:42
(anonymous function) CCClass.js:133
TableViewTestLayer.create TableViewTestScene.js:119
runTableViewTest TableViewTestScene.js:127
extensionsTestItemNames.testScene ExtensionsTest.js:70
cc.Layer.extend.menuCallback ExtensionsTest.js:118
cc.MenuItem.cc.NodeRGBA.extend.activate CCMenuItem.js:193
cc.MenuItemLabel.cc.MenuItem.extend.activate CCMenuItem.js:353
cc.Menu.cc.LayerRGBA.extend.onTouchEnded CCMenu.js:471
cc.TouchDispatcher.cc.Class.extend.touches CCTouchDispatcher.js:370
cc.TouchDispatcher.cc.Class.extend.touchesEnded CCTouchDispatcher.js:495
cc.EGLView.cc.Class.extend.handleTouchesEnd CCEGLView.js:564
cc.EGLView.cc.Class.extend.touchesEnded CCEGLView.js:692
cc.ProcessMouseupEvent CCTouchDispatcher.js:641
>
Help me please thanks

I have tested it on chrome 30.0.1599.101. Everything works properly. What is your environment?

#9

I did like winson and everything ok now, thanks shun lin :smiley:
Shun Lin wrote:

Nguyen Hai wrote:
> Thanks Dingping, I ran this on test case but i got this error:
> Uncaught TypeError: Object # has no method ‘cellSizeForTable’ CCTableView.js:229
> cc.TableView.cc.ScrollView.extend._updateContentSize CCTableView.js:229
> cc.TableView.create CCTableView.js:565
> cc.Layer.extend.init TableViewTestScene.js:42
> (anonymous function) CCClass.js:133
> TableViewTestLayer.create TableViewTestScene.js:119
> runTableViewTest TableViewTestScene.js:127
> extensionsTestItemNames.testScene ExtensionsTest.js:70
> cc.Layer.extend.menuCallback ExtensionsTest.js:118
> cc.MenuItem.cc.NodeRGBA.extend.activate CCMenuItem.js:193
> cc.MenuItemLabel.cc.MenuItem.extend.activate CCMenuItem.js:353
> cc.Menu.cc.LayerRGBA.extend.onTouchEnded CCMenu.js:471
> cc.TouchDispatcher.cc.Class.extend.touches CCTouchDispatcher.js:370
> cc.TouchDispatcher.cc.Class.extend.touchesEnded CCTouchDispatcher.js:495
> cc.EGLView.cc.Class.extend.handleTouchesEnd CCEGLView.js:564
> cc.EGLView.cc.Class.extend.touchesEnded CCEGLView.js:692
> cc.ProcessMouseupEvent CCTouchDispatcher.js:641
>
> Help me please thanks
>
I have tested it on chrome 30.0.1599.101. Everything works properly. What is your environment?

#10

Nguyen Hai 。。

But now i got the problems of jsbinding
when i compile and run the code, i got the error like :
“tableCellAtIndex Invalid Native Object
jsb_cocos2dx_extension_manual.cpp 280行”

Hope Shun Lin can tell me how to solve it .

may be it’s the cocos2dx scripting javascripts code it’s unupdate with htmlv2.2
?