森莎创建树形菜单和按钮触发行为

使用sencha3.x进行绘制,如截图
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
将viewport的layout设置为border
森莎创建树形菜单和按钮触发行为
拖拽一个panel
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
拖拽一个container
森莎创建树形菜单和按钮触发行为
修改它的layout和itemid
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
拖拽一个toolbar
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
为toolbar添加两个按钮
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
然后修改两个按钮的itemid
森莎创建树形菜单和按钮触发行为
然后添加一个tree tab
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
改显示名
森莎创建树形菜单和按钮触发行为
下面我们添加一个store,目的是提供tree panel的数据源
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
这样我们的treePanel就有了临时数据
下面为按钮添加触发的行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
这样编码的过程结束,我们来看看效果
森莎创建树形菜单和按钮触发行为
森莎创建树形菜单和按钮触发行为
看到了吧