jQuery EasyUIのCheckBox Treeでファイルのみのカウントを行いたい。

タイトルの通り、
jQuery EasyUIのCheckBox Treeでファイルのみのカウントを行いたいです。

現状checkのついている
Photos（フォルダ）
intel(ファイル)
Java（ファイル）
の計3のチェックの数は取得できます。

ですが、
ファイルのみ、
intel(ファイル)
Java（ファイル）
の計2を表示させたいと思っています。

リンク

EasyUI

フォルダ

class="tree-icon tree-folder tree-folder-open "

ファイル

class="tree-icon tree-file "

■他条件
checkがついている。
class="tree-checkbox tree-checkbox0"

checkがついていない。
class="tree-checkbox tree-checkbox1"

一旦checkがついている数は取れています。
しかし、フォルダ、ファイル関係なく総数です。

$('#idname').on("click", 
    function(){
        var cnt = $('#idname').tree('getChecked').length;
        alert(cnt);
    ;}
);

似たような質問をしましたが、
やりたいことが明確になったため再度質問しております。
前回回答していただいた方には本当に感謝しております。

行動規範の内容に同意します

回答1件

ベストアンサー

children プロパティの有無で判断できそうではありますが、前回同様ドキュメントを見るとメソッド isLeaf が用意されているのでこれを使います。対象が葉(ファイル)かどうか判断できます。
なお、フォルダにチェックが入っているということは配下のファイルにチェックが入っているということを示しているため、それらも取れてきます。

JavaScript
1        var tree = $('#idname');
2        var cnt = tree.tree('getChecked').filter(node => tree.tree('isLeaf', node.target)).length;
3
4        // 非表示をカウントしない場合
5        var cnt = tree.tree('getChecked').filter(node => $(node.target).is(':visible') && tree.tree('isLeaf', node.target)).length;