X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..HEAD:/docs/source/BoundList2.html?ds=sidebyside diff --git a/docs/source/BoundList2.html b/docs/source/BoundList2.html index 5bdfd4ad..588b00f0 100644 --- a/docs/source/BoundList2.html +++ b/docs/source/BoundList2.html @@ -3,8 +3,8 @@
/** - * @class Ext.view.BoundList - * @extends Ext.view.View - * An internal used DataView for ComboBox, MultiSelect and ItemSelector. + * An internally used DataView for {@link Ext.form.field.ComboBox ComboBox}. */ Ext.define('Ext.view.BoundList', { extend: 'Ext.view.View', @@ -27,15 +25,15 @@ Ext.define('Ext.view.BoundList', { requires: ['Ext.layout.component.BoundList', 'Ext.toolbar.Paging'], /** - * @cfg {Number} pageSize If greater than <tt>0</tt>, a {@link Ext.toolbar.Paging} is displayed at the - * bottom of the list and store queries will execute with page start and - * {@link Ext.toolbar.Paging#pageSize limit} parameters. + * @cfg {Number} pageSize + * If greater than `0`, a {@link Ext.toolbar.Paging} is displayed at the bottom of the list and store + * queries will execute with page {@link Ext.data.Operation#start start} and + * {@link Ext.data.Operation#limit limit} parameters. Defaults to `0`. */ pageSize: 0, /** - * @property pagingToolbar - * @type {Ext.toolbar.Paging} + * @property {Ext.toolbar.Paging} pagingToolbar * A reference to the PagingToolbar instance in this view. Only populated if {@link #pageSize} is greater * than zero and the BoundList has been rendered. */ @@ -43,6 +41,7 @@ Ext.define('Ext.view.BoundList', { // private overrides autoScroll: true, baseCls: Ext.baseCSSPrefix + 'boundlist', + itemCls: Ext.baseCSSPrefix + 'boundlist-item', listItemCls: '', shadow: false, trackOver: true, @@ -52,13 +51,13 @@ Ext.define('Ext.view.BoundList', { componentLayout: 'boundlist', - renderTpl: ['<div class="list-ct"></div>'], + renderTpl: ['<div id="{id}-listEl" class="list-ct"></div>'], initComponent: function() { var me = this, baseCls = me.baseCls, - itemCls = baseCls + '-item'; - me.itemCls = itemCls; + itemCls = me.itemCls; + me.selectedItemCls = baseCls + '-selected'; me.overItemCls = baseCls + '-item-over'; me.itemSelector = "." + itemCls; @@ -67,13 +66,17 @@ Ext.define('Ext.view.BoundList', { me.addCls(baseCls + '-floating'); } - // should be setting aria-posinset based on entire set of data - // not filtered set - me.tpl = Ext.create('Ext.XTemplate', - '<ul><tpl for=".">', - '<li role="option" class="' + itemCls + '">' + me.getInnerTpl(me.displayField) + '</li>', - '</tpl></ul>' - ); + if (!me.tpl) { + // should be setting aria-posinset based on entire set of data + // not filtered set + me.tpl = Ext.create('Ext.XTemplate', + '<ul><tpl for=".">', + '<li role="option" class="' + itemCls + '">' + me.getInnerTpl(me.displayField) + '</li>', + '</tpl></ul>' + ); + } else if (Ext.isString(me.tpl)) { + me.tpl = Ext.create('Ext.XTemplate', me.tpl); + } if (me.pageSize) { me.pagingToolbar = me.createPagingToolbar(); @@ -81,9 +84,7 @@ Ext.define('Ext.view.BoundList', { me.callParent(); - Ext.applyIf(me.renderSelectors, { - listEl: '.list-ct' - }); + me.addChildEls('listEl'); }, createPagingToolbar: function() { @@ -129,14 +130,14 @@ Ext.define('Ext.view.BoundList', { me.refreshed--; } }, - + initAria: function() { this.callParent(); - + var selModel = this.getSelectionModel(), mode = selModel.getSelectionMode(), actionEl = this.getActionEl(); - + // TODO: subscribe to mode changes or allow the selModel to manipulate this attribute. if (mode !== 'SINGLE') { actionEl.dom.setAttribute('aria-multiselectable', true);