1
- <!DOCTYPE html>
1
+ <!DOCTYPE html>
2
2
< html >
3
3
< head >
4
4
< title > igCombo - Ignite UI integration with AngularJS</ title >
8
8
< link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.shared.css " rel ="stylesheet " />
9
9
< link rel ="stylesheet " href ="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css " type ="text/css " />
10
10
< link rel ="stylesheet " href ="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css " type ="text/css " />
11
- < link rel ="stylesheet " href ="/igniteui-angular/samples/ sample.css " />
11
+ < link rel ="stylesheet " href ="sample.css " />
12
12
13
13
< link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.validator.css " rel ="stylesheet " />
14
14
< link type ="text/css " href ="http://cdn-na.infragistics.com/igniteui/latest/css/structure/modules/infragistics.ui.combo.css " rel ="stylesheet " />
25
25
< span class ="icon-bar "> </ span >
26
26
< span class ="icon-bar "> </ span >
27
27
</ button >
28
- < a class ="navbar-brand " href ="/ "> Ignite UI AngularJS Directives</ a >
28
+ < a class ="navbar-brand " href ="/ "> Ignite UI AngularJS Directives</ a >
29
29
</ div >
30
30
< div class ="navbar-collapse collapse ">
31
31
< ul class ="nav navbar-nav ">
32
- < li > < a href =".. /index.html "> Home</ a > </ li >
32
+ < li > < a href ="/igniteui-angular /index.html "> Home</ a > </ li >
33
33
< li > < a href ="https://github.com/IgniteUI/igniteui-angular "> View on GitHub < i class ="fa fa-github "> </ i > </ a > </ li >
34
34
</ ul >
35
35
</ div >
36
36
</ div >
37
37
</ div >
38
38
39
- < div class ="push-down-md push-down-xl " ng-app ="igniteui-sample " ng-controller ="comboController ">
40
- < h1 class ="push-down-md "> < a href ="http://igniteui.com/combo/overview " target ="_blank "> igCombo</ a > </ h1 >
41
- < div class ="row description ">
42
- < div class ="alert alert-info col-md-5 try-it-out ">
43
- < span class ="h4 "> TRY IT OUT:</ span >
44
- < hr />
45
- < ul >
46
- < li > Enter a Product ID in the textbox and see how the combos change</ li >
47
- < li > Change a product's name in the group of textboxes below and see how the names change in each combo</ li >
48
- </ ul >
49
- </ div >
50
- < div class ="col-md-4 ">
51
- < p class ="lead "> This sample demonstrates how to use AngularJS directives to create igCombos.</ p >
52
- < p > < a href ="https://github.com/IgniteUI/igniteui-angular/blob/master/samples/igCombo.html " class ="btn btn-default btn-lg btn-primary " target ="_blank "> < i class ="fa fa-code fa-lg "> </ i > Explore the Code</ a > </ p >
53
- </ div >
39
+ < div ng-app ="igniteui-sample " ng-controller ="comboController ">
40
+ < h1 class ="push-down-md "> < a href ="http://igniteui.com/combo/overview " target ="_blank "> igCombo</ a > </ h1 >
41
+ < div class ="row description ">
42
+ < div class ="alert alert-info col-md-5 try-it-out ">
43
+ < span class ="h4 "> TRY IT OUT:</ span >
44
+ < hr />
45
+ < ul >
46
+ < li > Enter a Product ID in the textbox and see how the combos change</ li >
47
+ < li > Change a product's name in the group of textboxes below and see how the names change in each combo</ li >
48
+ </ ul >
49
+ </ div >
50
+ < div class ="col-md-4 ">
51
+ < p class ="lead "> This sample demonstrates how to use AngularJS directives to create igCombos.</ p >
52
+ < p > < a href ="https://github.com/IgniteUI/igniteui-angular/blob/master/samples/igCombo.html " class ="btn btn-default btn-lg btn-primary " target ="_blank "> < i class ="fa fa-code fa-lg "> </ i > Explore the Code</ a > </ p >
54
53
</ div >
54
+ </ div >
55
+
55
56
< div class ="row ">
56
57
< div class ="col-sm-2 ">
57
58
< input id ="product-id " class ="form-control " type ="text " ng-model ="combo.value1 "/>
58
59
< div class ="text-sm text-muted text-right "> values: 1 - 20</ div >
59
60
</ div >
60
61
< div class ="col-sm-3 ">
62
+
61
63
< ig-combo id ="combo1 "
62
64
data-source ="northwind "
63
65
value-key-type ="number "
@@ -67,8 +69,10 @@ <h1 class="push-down-md"><a href="http://igniteui.com/combo/overview" target="_b
67
69
width ="100% "
68
70
ng-model ="combo.value1 ">
69
71
</ ig-combo >
72
+
70
73
</ div >
71
74
< div class ="col-sm-3 ">
75
+
72
76
< ig-combo id ="combo2 "
73
77
data-source ="northwind "
74
78
value-key-type ="number "
@@ -78,23 +82,24 @@ <h1 class="push-down-md"><a href="http://igniteui.com/combo/overview" target="_b
78
82
width ="100% "
79
83
ng-model ="combo.value1 ">
80
84
</ ig-combo >
81
- </ div >
85
+
82
86
</ div >
87
+ </ div >
83
88
84
- < hr />
85
- < h2 class ="h3 "> Edit Product Name</ h2 >
86
- < div class ="row ">
89
+ < hr />
90
+ < h2 class ="h3 "> Edit Product Name</ h2 >
91
+ < div class ="row ">
87
92
88
- < div class ="col-sm-3 " ng-repeat ="record in northwind ">
89
- < input class ="form-control " ng-model ="record.ProductName ">
90
- </ div >
93
+ < div class ="col-sm-3 " ng-repeat ="record in northwind ">
94
+ < input class ="form-control " ng-model ="record.ProductName ">
95
+ </ div >
91
96
92
- </ div >
93
- </ div >
97
+ </ div >
98
+ </ div >
94
99
95
100
< footer >
96
101
< p >
97
- < a href =".. /index.html "> Home</ a > |
102
+ < a href ="/igniteui-angular /index.html "> Home</ a > |
98
103
< a href ="https://github.com/IgniteUI/igniteui-angular/issues "> Feedback & Questions</ a > |
99
104
< a href ="https://github.com/IgniteUI/igniteui-angular "> Clone & Fork</ a >
100
105
</ p >
@@ -107,11 +112,14 @@ <h2 class="h3">Edit Product Name</h2>
107
112
< script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js "> </ script >
108
113
109
114
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.js "> </ script >
115
+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.jquery.js "> </ script >
116
+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.util.jquerydeferred.js "> </ script >
110
117
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.templating.js "> </ script >
111
118
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.datasource.js "> </ script >
112
119
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.shared.js "> </ script >
113
120
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.combo.js "> </ script >
114
121
< script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.validator.js "> </ script >
122
+ < script src ="http://cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.templating.js "> </ script >
115
123
< script src ="../src/igniteui-angular.js "> </ script >
116
124
< script src ="js/igniteui-sample.js "> </ script >
117
125
< script src ="js/data/northwind.js "> </ script >
0 commit comments