Comment par programmation développez un nœud de Kendo treeview
J'ai un Kendo treeview qui est construit comme ci-dessous des codes (voir ci-dessous). Chaque nœud de l'arborescence unique de données champ id (Id de l'employé).
Je voudrais avoir une zone de texte ( <input type="text" ... />
) et un bouton ( <input type="button" ... />
) de sorte que l'utilisateur peut saisir l'id et quand elle a frappé le bouton, le bouton cliquez sur gestionnaire d'événements va laisser dans l'arborescence, développez le nœud dont l'id correspond à l'id d'entrée. Comment puis-je le faire? Je vous remercie beaucoup.
Détails de gestionnaire d'événements click ou le bouton:
function buttonExpand_onClick()
{
var id = $("textboxEmployeeId").val();
//???
//how can I do the following code lines to expand the node with id of "id" to see all its children?
}
Détails de l'existant Kendo treeview les codes du bâtiment:
<div id="treeviewEmployee">
</div>
<script id="treeview-template" type="text/kendo-ui-template">
#: item.text #
</script>
$(function(
{
var defaultRootSelectedId = 1; //1 is employee id of the root employee on first loading
$.ajax({
url: '/Employee/AjaxGetEmployeeNodes/?id=' + defaultRootSelectedId,
type: 'GET',
dataType: 'json',
async: false,
success: function (data, textStatus, xhr) {
$("#reeviewEmployee").kendoTreeView({
template: kendo.template($("#treeview-template").html()),
dataSource: data,
select: treeview_onSelect
});
_treeview = $("#treeviewEmployee").data("kendoTreeView");
},
error:
function (xhr, textStatus, errorThrown) {
alert(textStatus);
}
});
});
OriginalL'auteur Thomas.Benz | 2014-02-27
Vous devez vous connecter pour publier un commentaire.
Vous pouvez accéder à la source de données sur le treeview et de trouver le nœud par id. Je tiens aussi à ajouter que l'arborescence a un "findByText () la méthode des" ainsi, dans le cas qu'est ce que vous voulez.
HTML
JAVASCRIPT
JSFiddle
J'ai également mis en place un JSFiddle échantillon pour vous de jouer avec: http://jsfiddle.net/jsonsee/D35Q6/
Dans mon cas, j'avais besoin de développer tous les nœuds sur un chemin. J'ai utilisé l'événement dataBound de manière récursive sur le treeView widget: var treeView = $('#mytree').de données('kendoTreeView'); var data = ... //tableau de nœuds pour développer var itemId = ... //obtenir le numéro suivant dans le chemin d'accès var reste = $(données).tranche(1); treeView.un (lié aux données', function() { doExpandRecursive(itemId, reste, treeView); }); treeItem.set('élargi', true);
OriginalL'auteur Jason
Légèrement liée, mais je suis venu ici à la recherche d'une réponse à cette question: Comment faire pour développer l'ensemble de la direction, si vous cliquez sur un nœud parent angulaire treeview? Depuis, je n'ai pas trouver de réponse, je poste ma solution ici. Espérons que cela aide quelqu'un.
html
contrôleur
OriginalL'auteur Nikos Papageorgiou