Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在flex中编写属性内部的函数

在flex中编写属性内部的函数
EN

Stack Overflow用户
提问于 2011-10-18 14:12:34
回答 2查看 660关注 0票数 0

我能在flex的属性中写一个函数吗?如下所示:

代码语言:javascript
运行
AI代码解释
复制
<s:Button id="btn" label="text" visible="{foo()}"/>
private function foo():Boolean
{
  //do something
}

看起来它至少对我不起作用。

我知道我可以像visible="{something == true &amp;&amp; somethingElse == false}"一样写,但我需要它来做更多像for循环之类的事情。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-10-18 15:19:46

这个实现是不可绑定的--如果foo()的结果改变了,它将不会反映在你的显示列表中。

不过,我认为一旦创建完成,这应该会起作用:

代码语言:javascript
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="955"
               minHeight="600">

    <fx:Script>
        <![CDATA[
            private function foo():Boolean
            {
                return false;
            }
        ]]>
    </fx:Script>

    <s:Button label="text"
              visible="{foo()}" />

</s:Application>

一种更好的方法是结合表示模型,利用如下所示的绑定:

代码语言:javascript
运行
AI代码解释
复制
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="955"
               minHeight="600"
               creationComplete="creationCompleteHandler(event)">

    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;

            [Bindable]
            public var presentationVisible:Boolean = true;

            private var timer:Timer = new Timer(500);

            private function foo():void
            {
                presentationVisible = Math.random() > 0.5 ? true : false;
            }

            protected function creationCompleteHandler(event:FlexEvent):void
            {
                timer.addEventListener(TimerEvent.TIMER, timerHandler);
                timer.start();
            }

            protected function timerHandler(event:TimerEvent):void
            {
                foo();
            }
        ]]>
    </fx:Script>

    <s:Button label="text"
              visible="{presentationVisible}" />

</s:Application>
票数 0
EN

Stack Overflow用户

发布于 2011-10-18 17:54:25

试试这个:

代码语言:javascript
运行
AI代码解释
复制
[Bindable(event="update")]
private function foo():Boolean
{
   return a && b && c;
}

当a、b或c发生变化时,只需这样做:

代码语言:javascript
运行
AI代码解释
复制
dispatchEven(new Event("update"));
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7808640

复制
相关文章
flex的几个属性
flex弹性布局已经是本人开发css布局的第一首选了,各种布局都能够非常轻松的实现,只是一直只使用两个属性justify-content、align-items。当我深入学习了一下各种属性之后,发现之前的用法有点没眼看。
wade
2022/12/02
6940
flex的几个属性
flex项目属性
flex-basis 定义在分配多余空间前,项目占据的主轴空间(main size)
Qwe7
2022/06/01
1860
flex常用属性
display:-webkit-box 该属性会将此元素及其直系子代加入弹性框模型中。
Qwe7
2022/06/01
1990
UIView中frame属性的内部实现
UIView中用于表征视图在父视图中显示出来的位置和尺寸的属性是frame。 同时系统还提供另外两个属性center和bounds。其中center属性值描述视图的中心点在父视图中的位置,而bounds属性的size部分则描述视图本身固有的尺寸。需要注意的是bounds属性中的origin部分描述的是视图内部坐标系中原点的位置,它影响着里面子视图的位置。除此之外,系统还提供一个transform属性来实现视图的仿射变换: 比如平移、缩放、旋转、倾斜的效果。
欧阳大哥2013
2019/07/02
1.6K0
UIView中frame属性的内部实现
三、flex容器属性
flex-flow 它是flex-direction和flex-wrap的简写形式,语法糖
Qwe7
2022/06/01
2230
Flex反射得到属性和属性的值
       今天要写一个生成json的方法,目的是将VO对象中的所有公共属性和值转换成一个json对象,这个类中20多个属性,手动拼的话,是个体力活,并且有其它的对象也要转成json,还要手动拼,脑袋里最先想到的就是反射。
高爽
2022/05/07
1.8K0
JavaScript之函数(二) 函数内部三个不常见的属性
arguments就不多说了,但是arguments有一个callee属性,是一个指向arguments对象所在函数的指针。
赤蓝紫
2023/03/11
5790
flex 弹性布局常用属性
flex 是 Flexible Box 的缩写, 意为弹性布局。用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 Flex 布局
很酷的站长
2022/12/28
5180
flex 弹性布局常用属性
深入了解 Flex 属性
你有没有想过 CSS 中的 flex属性如何工作? 它是 flex-grow,flex-shrink和flex-basis的简写。 开发中最常见的写法是flex:1,它表示 flex 项目扩展并填充可用空间。
前端小智@大迁世界
2020/09/22
1.7K0
深入了解 Flex 属性
【说站】css中flex-flow属性是什么
1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。
很酷的站长
2022/11/24
4610
【说站】css中flex-flow属性是什么
【CSS】布局属性:Flex
Flex布局的出现是为了弥补float、position等布局属性的不足(比如控制多个子元素的排列方式)。
毛大姑娘
2021/05/06
8640
【CSS】布局属性:Flex
【说站】css中flex-shrink属性是什么
2、不支持负值,默认值是1,也就是默认所有的flex子项都会收缩。如果设置为0,则表示不收缩,保持原始的宽度。
很酷的站长
2022/11/24
7050
【说站】css中flex-shrink属性是什么
【说站】css中flex-wrap属性是什么
2、接受三个值,nowrap默认值、wrap宽度溢出则换行显示、wrap-reverse宽度溢出换行显示。
很酷的站长
2022/11/24
1.7K0
【说站】css中flex-wrap属性是什么
【说站】css中flex-grow属性是什么
1、flex-grow指扩展flex子项所占据的宽度,扩展的空间就是除去元素外剩余的空白间隙。
很酷的站长
2022/11/24
6310
【说站】css中flex-grow属性是什么
【说站】css中flex-direction属性是什么
1、flex-direction用来控制子项整体布局方向,是从左往右还是从右往左,是从上往下还是从下往上。
很酷的站长
2022/11/24
4970
【说站】css中flex-direction属性是什么
【说站】css中flex-basis属性是什么
2、默认值是auto,即自动。如果有设置width,占用空间就是width。如果没有设置,按照内容宽度。若同时设置width和flex-basis,则在渲染性能方面,将忽略width。
很酷的站长
2022/11/24
4110
【说站】css中flex-basis属性是什么
优雅的在终端中编写Python
專 欄 ❈PytLab,Python 中文社区专栏作者。主要从事科学计算与高性能计算领域的应用,主要语言为Python,C,C++。熟悉数值算法(最优化方法,蒙特卡洛算法等)与并行化 算法(MPI,OpenMP等多线程以及多进程并行化)以及python优化方法,经常使用C++给python写扩展。 blog:http://ipytlab.com github:https://github.com/PytLab ❈ 前言 最早我也只是在服务器上编辑文件的时候用用vim来改改程序,并没有把vim当做自己的主力
Python中文社区
2018/01/31
1.8K0
优雅的在终端中编写Python
详解javascript中的即时函数,内部函数,能重写自身的函数即时函数内部函数返回函数的函数能重写自己的函数小结
在上篇谈到匿名函数和回调函数的基础上,我们接着介绍javascript中的即时函数,内部函数,返回函数的函数,能重写自身的函数等几种常见的函数类型及使用方法。只需要大致了解匿名函数的概念,应该就能看懂这些内容
desperate633
2018/08/22
1.7K0
点击加载更多

相似问题

在TypeScript中编写函数内部函数

23

在Flex中编写javascript

14

如何在Flex/Actionscript3中编写泛型属性修改函数?

32

从fx:component flex中调用内部函数

20

在Python中编写函数内部的类:无对象

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档