如何向嵌套列表添加搜索栏？ [英] How to add a Search Bar to a Nested List?

问题描述

如何创建带有搜索栏的嵌套列表，搜索栏应该是 位于标题下。例如，在第四个Sencha嵌套 列表示例，我如何插入搜索栏(下面的代码)以便它 如下图所示：

Sencha Example

搜索栏示例：

Ext.define('Sencha.view.SearchBar', {
    extend: 'Ext.Toolbar',
    xtype : 'searchbar',
    requires: ['Ext.field.Text', 'Ext.field.Search'],

    config: {
        ui: 'searchbar',
        layout: 'vbox',

        items: [
            {
                xtype: 'title',
                title: 'Search'
            },
            {
                xtype: 'searchfield',
                placeHolder: 'Search...'
            }
        ]
    }
});

推荐答案

您需要在实例化嵌套列表之后添加它，所以停靠位置是正确的。

var nestedList = Ext.create('Ext.NestedList', {
    ...
});

nestedList.add({
    docked: 'top',
    xtype: 'searchbar',
    height: 100
});

这篇关于如何向嵌套列表添加搜索栏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！