bibliothèque dijit.forme.filteringselect de modifier dynamiquement les options

J'ai un dijit.form.FilteringSelect composant et je veux changer les options de manière dynamique. Mais je reçois le magasin de la bibliothèque dijit.forme.FilteringSelectwith son magasin de la propriété; il n'y a pas de setter dans le magasin. (Il peut être un dojo.magasin.Reader)

Alors, comment puis-je changer l'option de dijit.form.FilteringSelect? Dois-je le modifier directement avec DOM? Est-il possible de mettre à jour la boutique derrière dijit.form.FilteringSelect?

OriginalL'auteur cn1h | 2011-04-18

dojo javascript

8

il y a deux type de magasin de données dans le dojo:
1. dojo.les données.ItemFileReadStore - readonly banque de données
2. dojo.les données.ItemFileWriteStore - extension de ItemFileReadStore qui ajoute sur le dojo.les données.l'api.Écrire
  
  Dans votre cas, vous devez utiliser ItemFileWriteStore - il fournit des fonctions permettant de modifier des données dans le magasin.
E. g.:

Vous avez éventail de pays et vous voulez l'utiliser dans le filtrage de la sélection:
```
[{
   abbr: 'ec',
   name: 'Ecuador',
   capital: 'Quito'
},
{
   abbr: 'eg',
   name: 'Egypt',
   capital: 'Cairo'
},
{
   abbr: 'et',
   name: 'Ethiopia',
   capital: 'Addis Ababa'
}]
```
Tout d'abord, vous aurez besoin de créer de magasin de données js-variable pour ItemFileWriteStore.
```
<script>
   dojo.require("dojo.data.ItemFileWriteStore");
   dojo.require("dijit.form.FilteringSelect");

   var storeData = {
       identifier: 'abbr',
       label: 'name',
       items: //YOUR COUTRIES ARRAY
       }
</script>
```
Prochaine étape est de déclarer le filtrage sélectionner et itemFileWriteStore dans le balisage html:
```
<div dojotype="dojo.data.ItemFileWriteStore" data="storeData" jsid="countryStore"></div>
<div dojotype="dijit.form.FilteringSelect" store="countryStore" searchattr="name" id="filtSelect"></div>
```
Et enfin créer des fonctions spéciales pour ajouter/supprimer/modifier des éléments de filtrage, sélectionnez:

Ajouter Un Nouvel Élément:
```
function addItem() {
   var usa = countryStore.newItem({ abbr: 'us', name: 'United States', capital: 'Washington DC' });
}
```
J'espère ici, c'est tout clair. Seule petite remarque: le champ "identifiant" ("abbr" dans notre cas) doit être unique dans le magasin

Supprimer des Éléments - par exemple, suppression de tous les éléments avec le nom "États-unis d'Amérique"
```
function removeItem() {

   var gotNames = function (items, request) {
      for (var i = 0; i < items.length; i++) {
         countryStore.deleteItem(items[i]);
      }
   }

   countryStore.fetch({ query: { name: "United States of America" }, queryOptions: { ignoreCase: true }, onComplete: gotNames });   
}
```
Comme vous pouvez le voir, j'ai créé une requête, qui trouve les articles avec le nom == "États-unis d'Amérique" dans le magasin de données. Après l'exécution de la requête, la fonction "gotNames" sera appelée.
fonction gotNames supprime tous les éléments que la requête en retour.

Et le dernier de la fonction de Modifier l'Élément

il est similaire à la fonction de suppression. une seule différence:

vous devez utiliser setValue() méthode de itemFileWriteStore pour changer les propriétés de l'élément:
```
countryStore.setValue(item, "name", newValue); 
```
Ici, la page d'exemple

Absurde. Vous pensez que vous pourriez faire quelque chose comme: bibliothèque dijit.byId('element').magasin.charge([tableau de paires clé-valeur]

OriginalL'auteur Andrei
3

J'ai résolu le même problème avec des phrases, espérons que cela aide quelqu'un.

Pour Dojo version < 1.7
```
dijit.byId('myId').store.root[{index of select}].innerText='New text';

dijit.byId('myId').store.root[{index of select}].value='New Value';
```
Pour Dojo version >= 1.7
```
dijit.byId('myId').store.data[{index of select}].name='New Text';

dijit.byId('myId').store.data[{index of select}].value='New Value';
```
Pour modifier l'affichage du texte (sélectionné)
```
dijit.byId('myId').textbox.value='New text';
```
Vous pouvez voir cette liste de propriétés à l'aide de Firebug ou autre console de débogage.

Ce n'est pas une mise en œuvre correcte! Ne modifiez pas stocker directement des valeurs!

OriginalL'auteur Rodrigo

les propriétés 'urlPreventCache:true, clearOnClose:véritable" force le magasin pour être rechargé

<div data-dojo-type="eco/dojo/data/ItemFileReadStore" data-dojo-props='url:"../json/GetClients", urlPreventCache:true, clearOnClose:true' data-dojo-id="clientStore" ></div>

<div id=proposalClient data-dojo-type="dijit/form/FilteringSelect" data-dojo-props="store:clientStore, searchAttr:'clientName', required:'true', pageSize:'15'" ></div>

et puis, sur événement/rappel/gestionnaire où vous en avez besoin/voulez réinitialiser les valeurs viens de le faire

function func-name() {
    clientStore.url = "../json/GetClients?param=<your-new-search-conditions>";
    clientStore.close();
}

OriginalL'auteur Legna

Vous devez vous connecter pour publier un commentaire.