页面设计问题

hdhyt

您好！我现在需要设计个页面，如图所示。
需求：
1.红色框1中有四个区域，具体布局如图，请问需要使用什么组件实现，div啊还是其他组件，具体位置应如何固定？
2.红框2中又分两部分，左侧的部分（红框3）是一张图片，右侧是文本信息，这两部分用什么组件设计？
3.问题2中的文本部分内容是需要从数据库中查询计算得到，我想请教，从数据库得到数据应用什么组件，得到结果又如何将信息显示？
谢谢！


BeX5 V3.2版本，SQL Server 数据库。

jishuang

1.可以用row两行两列
2.如果数据是从数据库中取的可以参考外卖中的，本质也是row和col
3.如果是没有登录就需要展现，可以参考外卖中的数据
  如果是登录后的可以直接用bizData，关联概念去取值

hdhyt

jishuang 发表于 2016-4-13 15:53
1.可以用row两行两列
2.如果数据是从数据库中取的可以参考外卖中的，本质也是row和col
3.如果是没有登录就 ...

您好，我做了个页面，如图，存在的问题如下：
1.框1是div，框2和3也是div，如何控制这两个div左右并排显示？
2.框2中的div中是个图片，如何控制居中显示？
3.框3应当是在框2的右侧，现在显示在下方，应如何控制？
4.框3中是3个output，应如何控制显示信息的字体和他们之间的行距？
谢谢！

jishuang

div、图片的显示样式都可以通过css可以控制具体的可以到网上查找，这些都是标准的css控制

如果是用的平台output，可以用F12打开开发人员调试工具，用放大镜定义一下元素，看看css中的padding，可以修改padding的值

hdhyt

jishuang 发表于 2016-4-18 15:30
div、图片的显示样式都可以通过css可以控制具体的可以到网上查找，这些都是标准的css控制

如果是用的平台o ...

这些可以了，剩下问题3部分，我想用bizdata组件获取数据后，如何将数据赋值给output？是在js中实现吗？
代码应如何写？
谢谢！

jishuang

input组件的bind-ref关联bizData的relation,data加载数据了input中就可以显示出来

hdhyt

jishuang 发表于 2016-4-22 13:47
input组件的bind-ref关联bizData的relation,data加载数据了input中就可以显示出来

我想通过Action得到数据结果，然后在output中显示，请问这样能实现吗？可以的话应如何处理？

jishuang

那就自己在action中返回需要的值，然后在js中自己调用action获取返回的值，然后给output赋值
调用action参考/UI2/demo/actions/process/invokeAction/mainActivity.w

hdhyt

jishuang 发表于 2016-4-25 17:42
那就自己在action中返回需要的值，然后在js中自己调用action获取返回的值，然后给output赋值
调用action参 ...

您好，参考推荐的案例，我调用action的js代码如下：
               var biz = require("$UI/system/lib/biz");               
                biz.Request.sendBizRequest({
                        "context" : this.getContext(),
                        "action" : "byMainAction",
                        "callback" : function(data) {
                                data.ignoreError = false;
                                if (data.state) {
                                        alert(data.response);
                                        this.comp("output7").set(data.response);
                                }
                        }
                });

运行后提示：定义Activity "/portal/process/message/messageProcess,mainActivity"出错, "/portal/process/message/messageProcess,mainActivity"中不存在Action "byMainAction"
这个是哪里定义的不对？action名没问题。

jishuang

在什么地方调用的action？portal门户上？
在/portal/process/message/messageProcess的动作设置上添加这个action