ExtJS 计算选定的煎茶盒

Question

我需要计算在此处select编辑了多少列表项

现在每一行都由 Table html 项 <table> 组成，如果我 select ，如果我 unselect，它就没有这个。所以我想计算这个列表中有多少个 selected 框，所以我需要计算的是这个 class 有多少个。

当我打开控制台并输入 $('.x-grid-item-selected').length; 时，出现未定义错误。即使当我输入 $('div').length 时，我也会收到未定义的错误。我能数出的最佳方法是什么？increase/decrease这些盒子中有多少是 select？

所以基本上，我想计算 selected 个并在页面上显示“2 selected”，我通常可以运行 $('div').length 除了甚至 $('div').length 也无法在该页面上运行说未定义。

<table id="..." class="x-grid-item x-grid-item-selected"></table>
<table id="..." class="x-grid-item x-grid-item-selected"></table>
<table id="..." class="x-grid-item"></table>
<table id="..." class="x-grid-item"></table>
<table id="..." class="x-grid-item"></table>
<table id="..." class="x-grid-item"></table>

Answer 1

下面是答案

listeners: {
            select: function () {
                document.getElementById('countCheckboxes').innerHTML++;
            },
            deselect: function () {
                document.getElementById('countCheckboxes').innerHTML--;
            }
        }

和

html: '<span id="countCheckboxes">0</span> Selected'

ExtJS 计算选定的煎茶盒

ExtJS Counting Selected Sencha Boxes

jquery

extjs

sencha-cmd