`

NestedList的item样式定制

 
阅读更多
NestedList没有提供itemTpl属性,但实际上可以通过设置listConfig对元素的显示样式进行定制。如下:
Ext.define('Portal.view.Production', {
    extend: 'Ext.dataview.NestedList',

    requires: [
        'Ext.data.TreeStore'
    ],

    config: {
        id: 'production',
        hideOnMaskTap: true,
        backText: '返回',
        displayField: 'name',
        emptyText: '更多产品敬请期待……',
        store: 'Production',
        useSimpleItems: false,
        listConfig: {
            itemTpl: new Ext.XTemplate(
            '<table style="margin:0px;padding:0px" border=0><tr><td align="center"><tpl if="leaf == false"><div class="x-unsized x-list-disclosure" id="{id}" style="margin:0px 5px 10px 0px;float:left"></div><tpl elseif="images"><img style="margin:0px 10px 0px 0px" src="{[values.images.split(",")[0]]}" width="100px"></tpl></td><td align="left">{name}</td></tr></table>')
        },
        listeners: [
            {
                fn: 'onProductionListItemTap',
                event: 'itemtap'
            }
        ]
    },
分享到:
评论

相关推荐

    Nested list and file.txt

    You're going to write a program that lets the user enter a sentence and translates it to another language. The program will learn. When it first comes across a word it doesn't have in its dictionary, ...

    react-native-nested-list

    @natalia.li/react-native-nested-list 一个 React Native UI 组件,用于创建具有 N 级嵌套的可自定义列表。视觉效果它适用于任何大小的列表,包括那些包含许多项目的列表。 您可以在 /examples 文件夹中找到此预览...

    nested-list

    import NestedList from '@editorjs/nested-list' ; 从CDN加载 从加载脚本并连接到页面。 &lt; script src =" https://cdn.jsdelivr.net/npm/@editorjs/nested-list@latest " &gt; &lt;/ script &gt; 用法 将Nested...

    PyPI 官网下载 | Nested-List-1.0.4.tar.gz

    资源来自pypi官网。 资源全名:Nested-List-1.0.4.tar.gz

    open-mbee.github.io

    openmbee.org的网站Github Pages目前是为master分支设置的,任何推送到master的更改都将自动生效。... nested list item 1*italicized***bolded*****bold and italic***[link text](link url)[link text]

    Spring Nested事务简单案例

    这里是Spring的一个Nested事务的代码及数据库文件,因为NESTED资源很少,这里作出了一个通俗易懂的 让需要者下载。

    Laravel开发-laravel-nested

    Laravel开发-laravel-nested 向雄辩模型添加嵌套集验证

    Nested2Find:向EPiServer Find的.NET API添加嵌套过滤

    Nested2Find 向EPiServer Find的.NET API添加嵌套过滤 建造 为了构建Nested2Find,必须还原它依赖的NuGet软件包。 参见 用法 将嵌套约定添加到约定: ... public NestedList &lt; Player&gt; Players { get

    oracle nested table demo

    NULL 博文链接:https://ivan-yan.iteye.com/blog/1007671

    Nested VM execution

    Nested VM execution: new direction for KVM.

    json--nested-sample

    Gson对Java嵌套对象和JSON字符串之间的转换

    nested fragments

    nested fragments nested fragments nested fragments nested fragments

    基于Nested Logit模型的出行路线方式选择和时间价值计算

    基于Nested Logit模型的出行路线方式选择和时间价值计算,宗芳,祁文田,本文介绍了Nested Logit模型的效用最大化理论、选择树的建立以及其概率表达式;时间价值的基本计算公式。对人们由长春到吉林的出行路

    Laravel开发-eloquent-nested-attributes

    Laravel开发-eloquent-nested-attributes 嵌套属性允许您通过父级保存关联记录的属性。默认情况下,嵌套属性更新被关闭,您可以使用$nested属性启用它。启用嵌套属性时,将在模型上定义属性编写器。

    Weblogic9异常解决nested errors.txt

    Weblogic9异常解决nested errors.txtWeblogic9异常解决nested errors.txtWeblogic9异常解决nested errors.txtWeblogic9异常解决nested errors.txtWeblogic9异常解决nested errors.txt

    The Nested Model 树形结构

    NULL 博文链接:https://zhangwenzhuo.iteye.com/blog/609732

    code for Holistically-Nested Edge Detection

    We develop a new edge detection algorithm, holistically-nested edge detection (HED), which performs image-to-image prediction by means of a deep learning model that leverages fully convolutional ...

    Laravel开发-laravel-nestedset

    Laravel开发-laravel-nestedset Laravel的嵌套集模型

    nested-fragments-master

    nested-fragments-master

    yii2-nested-sets, Yii框架的嵌套集行为.zip

    yii2-nested-sets, Yii框架的嵌套集行为 nest 2的行为 一种利用改进的预排序树遍历算法的Yii框架的现代嵌套。安装安装这个扩展的首选方法是通过 composer插件。运行$ composer require creocoder/yii2-nes

Global site tag (gtag.js) - Google Analytics