Typescript array @property

Cocos Creator
#1

Hi, i’m trying to show an array property to the editor in typescript.
My Code is:

image
image704×134 4.51 KB

the prefab atribute works prefectly but when i try with an array is not showing to the editor.

FormType is a unionType form typescript

How to create an array property with typescript
#2 
@property({ type: [cc.String] })
mockForm: string[] = [];
3 Likes
#3

Thank you @Ronsku
That’s works also with @property([cc.String) without {type : value}.
But i want to restrict the value that in the editor can be written.
Drop down will be awesome. I tryed with Enum type, but doesn’t works

#4

I see, if you want dropdown then you need to use the enum like this:

const optionsEnum = cc.Enum({
  FIRST: 0,
  SECOND: 1,
  THIRD: 2
});

@property({ type: optionsEnum })
selection = optionsEnum.FIRST;
1 Like
#5

Oh, i see.
image
image

image
image698×68 1.7 KB

So with normal enums doesn’t work but with the cc.Enum yes

#6

Oh, you need to use cc.Enum to make it works!
image

@Ronsku really thx, You’d know how can i make a map with enum key and pairs with some type like string or other?

Something like this

image
image697×111 4.71 KB

1 Like
#7

@amcgamer I don’t know how to make that. I would love if someone told me. That would be SO useful and it has been asked on this forums a few times before without solutions.

Let me know if you find out, I’ll do the same! :slight_smile:

1 Like
#8

@jare, @slackmoehrle, Can you resolve this problem?

#9

I’ll ask @jare to consider this thread in future releases.

#10

That sounds nice, but would be awesome an answer or workaround to use nowadays. This it’s an extreme powerful tool and must be used.

#11

Sorry, Map is not supported by now. The click events is just an array.

1 Like
#12

Really thx @jare can you explain how to do the 3 property in a row using an array? I tryed to create a class that have only 3 properties or an interface and make an array of this type but doesn’t work. Can you bring us any solution?

#13

It is implemented in Editor. You can create an inspector plugin to display a component, but it’s complicated. See http://docs.cocos2d-x.org/creator/manual/en/extension/extends-inspector.html

Typescript Map Property
#14

Thank you @jare seems will be useful. I hope map and extensions will be better supported in the next releases. Nice Job!!