Comment définir l'élément de données dans la source de données pour listview kendo ui

Mes données listview structure de la grille, c'est comme cela.

<div id="listView">
 <div class="product"><h3>India</h3></div>
 <div class="product1"><h3>Gujarat</h3></div>
 <div class="product"><h3>Surat</h3></div>
</div>

Je veux mettre de nouvelles données dans la source de données qui a de la classe produit1.

ex. comme 

<div class="product1"><h3>Gujarat</h3></div>

Je veux changer le Gujarat à d'autres nom.

J'étais utilisez code ci-dessous, mais cet ensemble n'premier élément et de ne pas vérifier classe particulière.

var firstItem = $('#listView').data().kendoListView.dataSource.data()[0];
firstItem.set('name','The updated Name');

Donc de bien vouloir répondre de la solution si vous savez.

  • Comment initialiser l'affichage de l'arborescence?
InformationsquelleAutor Bharat Chodvadiya | 2013-06-26
  1. 7

    Vous pourriez essayer:

    var list = $("#listView").data("kendoListView");
var uid = $(".product2", list.target).data("uid");
item = list.dataSource.getByUid(uid);
item.set("name", "The updated Name");

    Ce que je fais, c'est:

    • Obtenir une référence à votre Kendo UI ListView
    • Extrait de la uid pour l'élément de la liste.
    • Utilisation getByUid de DataSource pour trouver l'élément qui uid.
    • Mises à jour name.

    Une deuxième approche probablement de moins en moins efficace:

    var list = $("#listView").data("kendoListView");
var idx = $("div", list.target).index($(".product1", list.target));
var item = list.dataSource.data()[idx];
item.set("name", "The updated Name");
    • Obtenir une référence à votre liste.
    • Puis trouver l'index par l'extraction de toutes les div à l'intérieur de la liste (chaque élément de la liste) et trouver ensuite l'indice de la classe product1.
    • Obtenir l'élément de la liste source de données.
    • Enfin, les mises à jour de la name.
    InformationsquelleAutor OnaBai
  2. 0

    Vous pouvez utiliser quelque chose comme cela?

    var firstItem = $('#listView.product1 h3').data().kendoListView.dataSource.data()[0];

    Ou avec jquery, il vous suffit d'utiliser

    $('#listView.product1 h3').text("Some updated text");

    ou

    $('#listView div.product1 h3').text("Some updated text");

    si vous voulez la recherche dans les divs seulement.

    • Sa ne fonctionne pas. je veux utiliser .la méthode de jeu de mettre des données dans la source de données. si nous utilisons .texte défini dans les dom, mais pas dans la source de données, donc quand on change de page en kendo grille, puis modifier le texte s'affiche pas.
    InformationsquelleAutor Kamil T