Appcelerator /钛合金-如何在将字符串添加到视图之前对其进行操作

碎豆

我有一个钛合金视图,该视图TableView为每个视图输出一个图像缩略图。这是通过将URL传递到元素image属性中来实现的ImageView由于它是由Alloy集合填充的Alloy视图,因此可以为我处理数据循环:

<TableView id="brandsList" dataCollection="brands">
    <TableViewRow brandID="{brand_id}">
        <View class="vgroup">
            <ImageView height="45" width="80" id="image" image="{image}" />
            <Label id="name" text="{name}" />   
        </View>             
    </TableViewRow>
</TableView>

但是,我想到达上面的视图之前稍微更改一下URL字符串特别是我需要在URL的中间添加一些值,这些值会更改图像质量和大小。如何捕获此字符串的字符串值并进行更改?

亚伦·桑德斯(Aaron Saunders)

从这段代码的外观看来,您正在进行数据绑定。您可以先转换数据,再将数据显示在视图中

http://docs.appcelerator.com/titanium/latest/#!/guide/Alloy_Data_Binding

<TableView id="brandsList" dataCollection="brands"  dataTransform="transformFunction">
    <TableViewRow brandID="{brand_id}">
        <View class="vgroup">
            <ImageView height="45" width="80" id="image" image="{image}" />
            <Label id="name" text="{name}" />   
        </View>             
    </TableViewRow>
</TableView>

然后在代码中

function transformFunction(model) {
    // Need to convert the model to a JSON object
    var transform = model.toJSON();
    transform.image = /* do someting to image url string */;
    return transform;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Appcelerator /钛合金-如何在将字符串添加到视图之前对其进行操作

来自分类Dev

钛合金按钮打开视图

来自分类Dev

钛合金-清空节点(视图/窗口)

来自分类Dev

钛合金的滚动视图有问题吗?

来自分类Dev

Snapchat喜欢在钛合金的视图之间滑动

来自分类Dev

如何在钛合金列表视图中定位单个项目?

来自分类Dev

如何在钛合金列表视图中定位单个项目?

来自分类Dev

钛合金:将视图以图像形式保存到photoGallery吗?

来自分类Dev

如何以编程方式在钛合金中添加控件

来自分类Dev

如何以编程方式在钛合金中添加控件

来自分类Dev

如何在钛合金的标签组中重新加载标签

来自分类Dev

通过钛合金中的ID更改视图的背景色

来自分类Dev

在钛合金滚动视图元素上创建此效果

来自分类Dev

如何读取钛合金中的本地电话代码xml

来自分类Dev

如何获取和发布钛合金中的api?

来自分类Dev

如何获得钛合金中当前打开的窗口?

来自分类Dev

Appcelerator钛经典与合金

来自分类Dev

如何在appcelerator合金中插入resurce字符串文件

来自分类Dev

钛合金-如何将视图从0高度动画化为“自动”

来自分类Dev

钛合金-如何将视图从0高度动画化为“自动”

来自分类Dev

钛合金数据绑定:如何从单击视图中获取当前模型?

来自分类Dev

向微信发送信息时,如何在钛合金中设置活动?

来自分类Dev

我们如何在钛合金中获取和发布API?

来自分类Dev

钛合金-创建没有控制器的视图并在该视图内访问组件

来自分类Dev

钛合金-在屏幕底部添加状态/实用工具栏吗?

来自分类Dev

钛合金-如何最好地在“选项”对话框中将点击事件分配给“选项”?

来自分类Dev

如何用钛合金打开带有附件的电子邮件编辑器?

来自分类Dev

如何使用钛合金在控制器中获取选择器值?

来自分类Dev

钛合金-创建对话框时应用程序如何运行?

Related 相关文章

  1. 1

    Appcelerator /钛合金-如何在将字符串添加到视图之前对其进行操作

  2. 2

    钛合金按钮打开视图

  3. 3

    钛合金-清空节点(视图/窗口)

  4. 4

    钛合金的滚动视图有问题吗?

  5. 5

    Snapchat喜欢在钛合金的视图之间滑动

  6. 6

    如何在钛合金列表视图中定位单个项目?

  7. 7

    如何在钛合金列表视图中定位单个项目?

  8. 8

    钛合金:将视图以图像形式保存到photoGallery吗?

  9. 9

    如何以编程方式在钛合金中添加控件

  10. 10

    如何以编程方式在钛合金中添加控件

  11. 11

    如何在钛合金的标签组中重新加载标签

  12. 12

    通过钛合金中的ID更改视图的背景色

  13. 13

    在钛合金滚动视图元素上创建此效果

  14. 14

    如何读取钛合金中的本地电话代码xml

  15. 15

    如何获取和发布钛合金中的api?

  16. 16

    如何获得钛合金中当前打开的窗口?

  17. 17

    Appcelerator钛经典与合金

  18. 18

    如何在appcelerator合金中插入resurce字符串文件

  19. 19

    钛合金-如何将视图从0高度动画化为“自动”

  20. 20

    钛合金-如何将视图从0高度动画化为“自动”

  21. 21

    钛合金数据绑定:如何从单击视图中获取当前模型?

  22. 22

    向微信发送信息时,如何在钛合金中设置活动?

  23. 23

    我们如何在钛合金中获取和发布API?

  24. 24

    钛合金-创建没有控制器的视图并在该视图内访问组件

  25. 25

    钛合金-在屏幕底部添加状态/实用工具栏吗?

  26. 26

    钛合金-如何最好地在“选项”对话框中将点击事件分配给“选项”?

  27. 27

    如何用钛合金打开带有附件的电子邮件编辑器?

  28. 28

    如何使用钛合金在控制器中获取选择器值?

  29. 29

    钛合金-创建对话框时应用程序如何运行?

热门标签

归档