mirror of
https://github.com/Neetpone/ponepaste.git
synced 2025-03-12 22:50:07 +01:00
74 lines
3.1 KiB
JavaScript
74 lines
3.1 KiB
JavaScript
|
$('.example_typeahead > > input').tagsinput({
|
||
|
|
typeahead: {
|
||
|
|
source: function(query) {
|
||
|
|
return $.getJSON('assets/citynames.json');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput({
|
||
|
|
itemValue: 'value',
|
||
|
|
itemText: 'text',
|
||
|
|
typeahead: {
|
||
|
|
source: function(query) {
|
||
|
|
return $.getJSON('assets/cities.json');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput('add', { "value": 1 , "text": "Amsterdam" , "continent": "Europe" });
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput('add', { "value": 4 , "text": "Washington" , "continent": "America" });
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput('add', { "value": 7 , "text": "Sydney" , "continent": "Australia" });
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput('add', { "value": 10, "text": "Beijing" , "continent": "Asia" });
|
||
|
|
$('.example_objects_as_tags > > input').tagsinput('add', { "value": 13, "text": "Cairo" , "continent": "Africa" });
|
||
|
|
|
||
|
|
$('.example_tagclass > > input').tagsinput({
|
||
|
|
tagClass: function(item) {
|
||
|
|
switch (item.continent) {
|
||
|
|
case 'Europe' : return 'label label-info';
|
||
|
|
case 'America' : return 'label label-danger label-important';
|
||
|
|
case 'Australia': return 'label label-success';
|
||
|
|
case 'Africa' : return 'label';
|
||
|
|
case 'Asia' : return 'label label-warning';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
itemValue: 'value',
|
||
|
|
itemText: 'text',
|
||
|
|
typeahead: {
|
||
|
|
source: function(query) {
|
||
|
|
return $.getJSON('assets/cities.json');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('.example_tagclass > > input').tagsinput('add', { "value": 1 , "text": "Amsterdam" , "continent": "Europe" });
|
||
|
|
$('.example_tagclass > > input').tagsinput('add', { "value": 4 , "text": "Washington" , "continent": "America" });
|
||
|
|
$('.example_tagclass > > input').tagsinput('add', { "value": 7 , "text": "Sydney" , "continent": "Australia" });
|
||
|
|
$('.example_tagclass > > input').tagsinput('add', { "value": 10, "text": "Beijing" , "continent": "Asia" });
|
||
|
|
$('.example_tagclass > > input').tagsinput('add', { "value": 13, "text": "Cairo" , "continent": "Africa" });
|
||
|
|
|
||
|
|
angular.module('AngularExample', ['bootstrap-tagsinput'])
|
||
|
|
.controller('CityTagsInputController',
|
||
|
|
function CityTagsInputController($scope, $http) {
|
||
|
|
// Init with some cities
|
||
|
|
$scope.cities = [
|
||
|
|
{ "value": 1 , "text": "Amsterdam" , "continent": "Europe" },
|
||
|
|
{ "value": 4 , "text": "Washington" , "continent": "America" },
|
||
|
|
{ "value": 7 , "text": "Sydney" , "continent": "Australia" },
|
||
|
|
{ "value": 10, "text": "Beijing" , "continent": "Asia" },
|
||
|
|
{ "value": 13, "text": "Cairo" , "continent": "Africa" }
|
||
|
|
];
|
||
|
|
|
||
|
|
$scope.queryCities = function(query) {
|
||
|
|
return $http.get('assets/cities.json');
|
||
|
|
};
|
||
|
|
|
||
|
|
$scope.getTagClass = function(city) {
|
||
|
|
switch (city.continent) {
|
||
|
|
case 'Europe' : return 'label label-info';
|
||
|
|
case 'America' : return 'label label-danger label-important';
|
||
|
|
case 'Australia': return 'label label-success';
|
||
|
|
case 'Africa' : return 'label';
|
||
|
|
case 'Asia' : return 'label label-warning';
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
);
|