extranet/application/views/default/scripts/identite/groupesarbo.phtml

<style>
.jstree-default a.jstree-search { color: red; }
</style>
<div>
<?php if ( $this->edition ) {?>
<span style="margin:0 5px;"><input type="radio" name="pctMin" value="0"<?php
if ($this->pctMin == 0) echo ' checked';?>> Tout</span>
<?php }?>
<span style="margin:0 5px;"><input type="radio" name="pctMin" value="33"<?php
if ($this->pctMin == 33) echo ' checked';?>> 33%</span>
<span style="margin:0 5px;"><input type="radio" name="pctMin" value="40"<?php
if ($this->pctMin == 40) echo ' checked';?>> 40%</span>
<span style="margin:0 5px;"><input type="radio" name="pctMin" value="50"<?php
if ($this->pctMin == 50) echo ' checked';?>> 50%</span>
<input id="text" type="text" value="">
<input id="search" type="button" value="Recherche">
<input id="clear_search" type="button" value="Initialiser">
</div>
<div id="groups" class="jstree jstree-default" style="overflow:auto;"></div>
<script src="/libs/jstree/jstree.min.js"></script>
<script>
$('input[name=pctMin]').on('click', function(e){
    e.preventDefault();
    var pct = $(this).val();
	$('div#dialogarbo').load('<?=$this->url(array('controller'=>'identite','action'=>'groupesarbo','siret'=>$this->siret),null,true)?>/pctMin/'+pct);
});


$("#groups").jstree({
	"core" : { "html_titles" : true },
	"plugins" : ["themes", "json_data", "search"],
	"json_data" : {	"data" : [<?=$this->data?>] },
	"search" : { "show_only_matches" : true },
	"themes" : {
		"theme" : "default",
		"url" : "/libs/jstree/themes/default/style.css",
		"dots" : true,
		"icons" : false
	}
});

$('#clear_search').on('click', function() {
	$("#text").val('');
	$("#groups").jstree("clear_search");
});

$('#search').on('click', function(){
	$("#groups").jstree("search", $("#text").val());
});
</script>