Javascript Google APP MAKER,更改图像中的真/假声明

Javascript Google APP MAKER,更改图像中的真/假声明,javascript,google-app-maker,Javascript,Google App Maker,我是一家小型二手经销商,我们使用app maker管理库存。在GoogleAppMaker中,我创建了一个简单的表格,显示了我的库存和修复过程(机械、细节、检查等。在另一页上,我添加了一些切换开关,因此当任务完成时,我们打开切换开关,在我的列表中显示“true”。我想做的是,当语句为true时,显示一个绿色圆圈,如果为false,则显示一个黄色圆圈。我有JavaScript和CSS的基本知识,但我已经学习了4个小时,而且还没有掌握我还没弄明白 我尝试了一些CSS样式和If/Else语句,但没有成

我是一家小型二手经销商,我们使用app maker管理库存。在GoogleAppMaker中,我创建了一个简单的表格,显示了我的库存和修复过程(机械、细节、检查等。在另一页上,我添加了一些切换开关,因此当任务完成时,我们打开切换开关,在我的列表中显示“true”。我想做的是,当语句为true时,显示一个绿色圆圈,如果为false,则显示一个黄色圆圈。我有JavaScript和CSS的基本知识,但我已经学习了4个小时,而且还没有掌握我还没弄明白


我尝试了一些CSS样式和If/Else语句,但没有成功。

这可以通过以下方式实现:

  • 拖动一个标签小部件,将此点显示在标签中 用户界面
  • 将标签小部件的水平和垂直大小设置为“固定”,然后设置 将值设置为相同的大小,如20px和20px
  • 在“全局样式”css设置下引入两个css类,如下所示:

    .条件为真{ 背景色:#0f9d58; 边界半径:50%; } .条件为假{ 背景色:#ea6100; 边界半径:50%; }

  • 返回画布中的标签,确保text属性不包含任何内容。在display属性下找到“样式”,并在此部分中放置以下绑定:

    @datasource.item.YourItem?['condition-true']:['condition-false']

  • 根据需要调整css类中的颜色设置,并根据需要调整标签大小


  • 欢迎来到SO,如果您向我们展示您迄今为止所做的尝试,这将是非常有帮助的!请在这里看到一个类似的问题和答案。这里还有另一个示例。因此,我完全按照您所说的做了,它工作了,但当我将开关切换回“false”时,颜色保持为绿色。我有两个数据源,一个用于车辆信息,另一个用于车辆状态。我在两者之间建立了一个关系,并使用车辆信息数据源构建了我的表。因此,我猜当我选择绑定的样式时,可能会出现这样的错误:datasource.item.VehicleStatus…MechInspection?['condition-true']:['condition-false']@JimmyRuptash这是车辆信息和状态之间的一对多关系,还是一对一关系?您使用的绑定表明每辆车都有许多状态,我认为这些状态中的每一个都可能是一个单独的步骤,如机械、细节等。如果是这种情况,那么这种类型的设置高度依赖于您的显示方式支付这些单独的步骤,或者如果您累计只需要在所有步骤完成时显示“完成”。请提供其他详细信息。因此,这项工作的目的是了解我在车辆翻新过程中的位置。有几个步骤:机械检查、机械维修、目视检查、详细说明、车身工作和图片当每一步都完成时。所以我创建了vehicleStatus数据源,并将所有步骤作为“字符串”字段输入。然后我创建了一个与VehicleInfo的多对多关系。由于每一辆车都不同,我们可能会在技工之前进行详细说明,这就是为什么我想在表中看到哪一步完成的原因。也许你有另一个更简单的方法解决方案。@JimmyRuptash因此,您需要在车辆信息表中拖动列表小部件(网格小部件也可以)并在数据源选择器的小部件设置向导中查找“车辆信息:车辆状态(关系)”'然后在“列表”窗口小部件行面板中,拖入一个标签,该标签将指向步骤名称的VehicleStatus字段,然后拖入另一个标签,该标签遵循上述说明。这将导致表格行显示您的车辆信息,然后是每个状态的列表,基本上是完整或不完整的。您好,这是一个co我开发应用程序已有几周了,做了很多工作。你对我说的很好,谢谢你!但是,当我创建一辆新车时,字段是空白的。一旦我切换开关,它变为真,当切换回时,它变为假。当我创建一辆车时,我怎么能使它变为假,因为我知道这些事情还没有在它上完成。或者是否有一个IF我可以用的陈述?