1+ < html >
2+ < head >
3+ < title > Render | CoCreateJS</ title >
4+
5+ <!-- CoCreate Favicon -->
6+ < link rel ="icon " href ="https://cdn.cocreate.app/favicon.ico " type ="image/ico " sizes ="16x16 ">
7+ </ head >
8+ < body >
9+
10+ < div data-template_id ="abc1 " data-fetch_collection ="render_test ">
11+ < div class ="template card {{render2.collection}} card margin:10px firstname "
12+ data-value ="{{render2.data._id}} "
13+ data-template_id ="abc1 "
14+ data-render_array ="render2.data ">
15+ < div class ="card-body padding:15px " data-collection ="{{render2.collection}} ">
16+ < h3 class ="{{render2.data.firstname}} blue " value ="{{render2.data.lastname}} - {{render2.data.firstname}} "> --</ h3 >
17+ < h3 data-value ="{{ render2.data.lastname }} " value ="{{lastname}} "> </ h3 >
18+ < input value ="{{ render2.collection }} "/>
19+ < h3 class ="email " value ="{{render2.data.email}} "> --</ h3 >
20+ < textarea value ="{{render2.data.lastname}} "> </ textarea >
21+ < h3 data-attribute ="{{render2.data.personal_info.email}} " name ="email " value ="{{render2.data.personal_info.email}} "> </ h3 >
22+
23+ < div class ="template card "
24+ data-render_array ="render2.data.testing_array ">
25+
26+ < h3 data-attribute ="{{render2.data.testing_array.email}} " name ="email " class ="{{render2.data.testing_array.email}} " value ="{{render2.data.testing_array.email}} "> </ h3 >
27+ < h3 value ="{{render2.collection}} "> </ h3 >
28+
29+ < h3 value ="{{render2.data.personal_info.email}} "> </ h3 >
30+ </ div >
31+ < div class ="template card "
32+ data-render_array ="render2.data.string_array " data-render_key ="string_ ">
33+
34+ < h3 name ="test "
35+ data-attribute ="{{string_.--}} "
36+ class ="{{string_.--}} "
37+ value ="{{string_.--}} "> </ h3 >
38+ </ div >
39+ </ div >
40+ </ div >
41+ </ div >
42+
43+
44+ < pre >
45+ < h1 > Paste in your browser console</ h1 >
46+
47+ /** Example of array object from db -- render2 is an example of data-render_id**/
48+ CoCreate.render.data({
49+ selector: '[data-template_id=abc1]',
50+ data: {
51+ render2: {
52+ collection : 'dededede',
53+ data: [{
54+ _id : '123kijfhgfkel45',
55+ firstname : 'Jin',
56+ lastname : 'codingmachinine',
57+ personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
58+ email: 'tesing@gamil.com',
59+ testing_array : [
60+ {email:'jeanmendozar@gmail.com','phone':'0','home':'home1'},
61+ {email:'frank@gmail.com','phone':'1','home':'home2'},
62+ {email:'jose@gmail.com','phone':'2','home':'home3'},
63+ {email:'juan@gmail.com','phone':'3','home':'home4'},
64+ {email:'kooo@gmail.com','phone':'4','home':'home5'},
65+ ],
66+ string_array: ['string1', 'string2', 1, 3]
67+ },{
68+ _id : '5678efe32qd2ol',
69+ firstname : 'jean',
70+ lastname : 'Mendoza',
71+ personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
72+ email: 'tesing2@gamil.com',
73+ testing_array : [
74+ {email:'1jeanmendozar@gmail.com','phone':'10','home':'home11'},
75+ {email:'1frank@gmail.com','phone':'11','home':'home12'},
76+ {email:'1jose@gmail.com','phone':'12','home':'home13'},
77+ {email:'1juan@gmail.com','phone':'13','home':'home14'},
78+ {email:'1kooo@gmail.com','phone':'14','home':'home15'},
79+ {email:'1allask@gmail.com','phone':'15','home':'home16'},
80+ {email:'1ana@gmail.com','phone':'16','home':'home17'},
81+ {email:'1rosa@gmail.com','phone':'17','home':'home18'},
82+ {email:'1nuevo@gmail.com','phone':'18','home':'home19'}
83+ ],
84+ string_array: ['string1', 'string2', 1, 3]
85+ },
86+ ]
87+ }
88+ }
89+ })
90+
91+ </ pre >
92+ < script >
93+ var config = {
94+ apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
95+ organization_Id : '5de0387b12e200ea63204d6c'
96+ }
97+ </ script >
98+
99+ <!-- CoCreate JS CDN -->
100+ < script src ="https://cdn.cocreate.app/render/latest/CoCreate-render.min.js " > </ script >
101+ </ body >
102+ </ html >
0 commit comments