function addApiKeyAuthorization(){ var key = encodeURIComponent($('#input_apiKey')[0].value); if(key && key.trim() != "") { var apiKeyAuth = new SwaggerClient.ApiKeyAuthorization("Authorization", "Bearer " + key, "header"); window.swaggerUi.api.clientAuthorizations.add("key", apiKeyAuth); log("added key " + key); } }
Instead of adding api_key as part of the query, this code is adding your token in an "Authorization" header and with "Bearer " as prefix.
enjoy
npm config set proxy http://proxy:8080 npm config set https-proxy http://proxy:8080 npm config set strict-ssl false
npm install -g bower
http_proxy et https_proxy ou le fichier .bowerrcbower install jquery
bower update jquery
bower info jquery
bower search angular%bootstrap%
bower.json dont voici un exemple:
{
"name": "myproject-webgui",
"version": "0.0.0",
"dependencies": {
"angular": "1.3.1",
"json3": "~3.2.6",
"es5-shim": "~2.1.0",
"jquery": "~1.11.0",
"bootstrap": "~3.0.3",
"angular-resource": "1.3.1",
"angular-cookies": "1.3.1",
"angular-sanitize": "1.3.1",
"angular-route": "1.3.1",
"ng-table": "0.3.3"
},
"devDependencies": {
"angular-mocks": "1.3.1",
"angular-scenario": "1.3.1"
}
}
var myGrid = Ext.getCmp("myGridId");
var row = 0;
var col = 3;
var myCellHtmlTd = myGrid.getView().getCell(row,col);
var cellClass = myCellHtmlTd.getAttribute("class");
// pour IE HtmlElement possède les classes dans l'attribut "classname" !
cellClass = (cellClass ? cellClass : myCellHtmlTd.getAttribute("classname"));
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Essai ExtJS</title>
<!-- ** Javascript ** -->
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
</head>
<body>
Coucou
<div id="test-div"> </div>
</body>
</html>
<script type="text/javascript">
Ext.onReady(function(){
var buttonObject = new Ext.Button({
id: 'monBeauButton'
,text:'Cliquez moi'
,handler:function() {
alert(' you do it !');
}
,applyTo:'test-div'
});
});
</script>
<div id="test-div"/>
<script type="text/javascript">
Ext.onReady(function(){
var buttonObject = new Ext.Button({
id: 'monBeauButton'
,text:'Cliquez moi'
,handler:function() {
alert(' you do it !');
}
,applyTo:'test-div'
});
buttonObject.on('mouseover', function(btn, evt) {
btn.setText("Cliquez-moi :o)");
});
buttonObject.on('mouseout', function(btn, evt) {
btn.setText("Nooon ici ! :o(");
});
});
</script>
<div id="test-div"/>
<script type="text/javascript">
Ext.onReady(function(){
var buttonObject = new Ext.Button({
id: 'monBeauButton'
,nbclic: 0
,text:'Cliquez moi'
,handler:function() {
this.nbclic++;
if (this.nbclic == 3) {
this.fireEvent("troisclics", this);
}
}
,applyTo:'test-div'
});
buttonObject.on('mouseover', function(btn, evt) {
btn.setText("Cliquez-moi :o)");
});
buttonObject.on('mouseout', function(btn, evt) {
btn.setText("Nooon ici ! :o(");
});
buttonObject.addEvents("troisclics");
//
// (...)
//
buttonObject.on('troisclics', function(btn) {
alert(' you do it 3 times !');
});
});
</script>
{
"results":4,
"rows":
[{"id":"1",
"login":"brice",
"date_inscription":"2009-02-10 14:20:00",
"fullname":"Brice"},
{"id":"10",
"login":"toto",
"date_inscription":"2009-10-28 08:10:00",
"fullname":"toto"},
{"id":"11",
"login":"toto2",
"date_inscription":"2009-10-28 08:10:00",
"fullname":"toto2"},
{"id":"13",
"login":"toto4",
"date_inscription":"2009-10-28 09:10:00",
"fullname":"toto4"}],
"success":true
}
A noter : dans cet exemple, 4 utilisateurs sont retournés sous le noeud "rows", et la propriété "success" vaut "true".{
"results":1,
"success":false,
"errors":[
{"id":"500",
"msg":"Erreur de connexion à la base de donnée."
}]
}
A noter : dans cet exemple, 1 exception a été levée et traduite sous la forme d'un message d'erreur (id="500", msg="Erreur de connexion à la base de donnée."), et la propriété "success" vaut "false".var dateFormat = 'Y-m-d G:i:s';A noter : dans cet exemple, on déclare l'Ext.data.Storedoc "myStore" qui va faire appel au service ('getUsers.php5'), et va lire le résultat grâce à un analyseur JSON (JSONReaderdoc). La lecture sera considérée comme un succès si la propriété "success" vaut "true". La manière d'interpréter les différents champs est également décrite.
// ancienne valeur par defaut : 'm/d/Y'
// dateFormat correspond a une date
// de la forme : "2009-10-28 10:10:00"
var myStore = new Ext.data.Store({
url: 'http://localhost/getUsers.php5', // URL du service JSON
title: 'TOTO',
reader: new Ext.data.JsonReader({ // Reader JSON
idProperty: 'id',
root: 'rows',
totalProperty: 'results',
successProperty:'success',
fields: [
{name: 'id'},
{name: 'login'},
{name: 'date_inscription',
type: 'date',
dateFormat: dateFormat},
{name: 'fullname'}
]
})
});
var errorReader = new Ext.data.JsonReader({
idProperty: 'id',
root: 'errors',
totalProperty: 'results',
fields: [
{name: 'id'},
{name: 'msg'}
]
});A noter : dans cet exemple, la structure JSON lue doit posséder le nombre d'erreur sous "results" et les différentes erreurs sous la racine "errors". Ici une erreur comporte 2 champs : un "id" et un "msg".myStore.on('exception', usrException);
A noter : dans cet exemple, on indique pour myStore que sur réception de l'évènement "exception", un appel à la méthode "usrException(...)" doit être fait. Dans la version 3 d'ExtJSdoc, l'évènement "loadexception" est indiqué comme obsolète (deprecated) et ne doit donc plus être utilisé.function usrException(dataProxy, type, action, options, response) {
// alert('usrException type=' + type
// + ' action=' + action
// + ' response.status=' + response.status);
if (type == 'response' && action == 'read' && response.status == 200) {
var rs = errorReader.read(response);
if(rs.records) {
for(var i = 0, len = rs.records.length; i < len; i++) {
var r = rs.records[i];
alert("Erreur de chargement ERR"
+ r.data.id + ":" + r.data.msg);
}
}
} else if (type == 'response' && action == 'read') {
alert("Connexion impossible au serveur ("
+ response.status +")");
}
}A noter : dans cet exemple, on traite un cas d'erreur sur lecture du résultat. On utilise l'analyseur d'erreur précédemment évoqué pour interpréter le retour d'erreur de service en JSON et afficher une alerte sur chaque erreur lue.myStore.load();
<script type="text/javascript">
/* for Mozilla */
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", init, false);
}
/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
document.write("<script defer src=js/ie_onload.js><"+"/script>");
/*@end @*/
/* for other browsers */
window.onload = init;
function init() {
alert('ok');
}
</script>
init();
// FIX de getElementById(...) pour MSIE
// src
if (/msie/i.test (navigator.userAgent)) {
document.nativeGetElementById = document.getElementById;
document.getElementById = function(id) {
// Get element using native method
var elem = document.nativeGetElementById(id);
if (elem) {
// If id match, return element
if (elem.attributes['id'].value == id) {
return elem;
}
// Otherwise look for the right one
else {
for (var i = 1; i < document.all[id].length; i++)
{
if (document.all[id][i].attributes['id'].value == id)
{
return document.all[id][i];
}
}
}
}
return null;
}
}
// Mise a jour d'un textarea avec le contenu d'un <pre>
var scPRE = document.getElementById('idBalisePreComportantDuXML');
var editTA = document.getElementById('idTextArea');
if (/msie/i.test (navigator.userAgent)) {
// FIX IE6 Textarea CR bug
editTA.value = "";
editTA.setAttribute("value" , scPRE.innerText ) ;
} else {
editTA.innerHTML = scPRE.innerHTML;
}
Comment interpréter le filtre de l'expression régulière RegEx : /^(([a-z])([a-z0-9_]*))$/i
function checkIdText(str) {
// alert('checkIdText(' + str + ')');
var myFilter=/^(([a-z])([a-z0-9_]*))$/i;
if (!myFilter.test(str)) {
alert("IdText : please start with and alpha and then use alphanumerics or underscore only.");
return false;
}
// alert(str + ' is OK');
return true;
}
| expression | signification | |
|---|---|---|
| ^ | début de la chaîne de caractères | |
| [a-z] | un caractère alpha | |
| [a-z0-9_]* | 0, 1, ou plusieurs alphanumériques (underscore est également autorisé) | |
| $ | fin de la chaîne | |
| i | indépendance vis-à-vis de la casse (majuscule/minuscule) |