本文介绍了如何向嵌套列表添加搜索栏?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何创建带有搜索栏的嵌套列表,搜索栏应该是位于标题下。例如,在第四个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
});

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

10-29 21:45