3.4 页面单元格

我们在设计器打开页面的时候,看到的是一个布满单元格的界面。单元格是页面的基本区域单位,所有的控件、样式、公式等页面元素都是放在单元格中。设计器中单元格的元素,在浏览器中会按照单元格顺序显示(但不会显示格子,除非设置了单元格边框)。

单元格列以大写字母排序,行以阿拉伯数字排序,使用行列值即可代表这个单元格。例如,我们在C5单元格中写上=B4,则第5行第3列单元格的值会保持跟第4行第2列单元格的值一致。

页面中单元格可以增加或删除,点击行头选中行,右键>插入行右键>追加数据行,即可增加行,右键>删除即可删除该行。对列同样如此。

单元格的复制粘贴删除

点击单元格右键,弹出单元格操作的菜单。
复制、粘贴、删除是复制单元格的值以及控件属性、样式等内容,粘贴到别的单元格中后,别的单元格就跟源单元格一样。如复制一个按钮控件单元格到另一个单元格,则另外一个单元格也变成按钮控件。源单元格的字体颜色是红色,则目标单元格字体的颜色也是红色。

删除 删除单元格时,有几种方式。一种是置为空白格,即将单元格的所有属性完全删除,有的单元格虽然没有显示内容,但具有控件属性,在浏览器中会显示为一个控件,置为空白格后,就相当于一个新的单元格。第二种是删除格中的内容,右边或者下方的单元格补位过来,但在设计器中不会表现为少了一个格子。第三种是删除这一行或列的内容,右边或下方的行列补位过来,这在设计器表现为少了一行或一列。

单元格的合并

选中多个单元格后,点击工具条的合并按钮,即可将多个单元格合并成一个单元格,便于页面的布局。合并后,可以用合并格后左上角分格的行列值代表这个单元格。

单元格的扩展

我们在设计页面时,单元格的行数或列数不可知或动态变化的,这时要用到单元格的扩展。如显示用户表的数据,数据量是动态变化的。左边第一个单元格写上=ds.select(ds.id),这时单元格右侧出现一个向下的红色箭头,表示这个单元格会根据这个公式计算出来的结果动态扩展。

在单元格属性栏中高级属性标签页下的扩展方式一栏,可以选择不同的扩展方式,如横向扩展,纵向扩展,横向侵占,纵向侵占等。其中扩展表示一个单元格不断复制,后方已有的单元格不断后退,而侵占表示扩展的单元格如果遇到后方的单元格有内容,会覆盖掉后方单元格。

在单元格属性栏中高级属性标签页下还有个左主格和上主格设置项,表示某个单元格跟随左边或上边的单元格扩展,默认是左主格。例如上述左边第一个单元格中id向下扩展,则第二个单元格默认是左主格,也会跟着一块向下扩展,第三个单元格会默认跟着第二个单元格向下扩展,在浏览器中就会表现为最左边显示id,右边一列一列显示该id对应记录的所有字段。

当一个扩展的单元格不在最左边,而在中间,其左边的单元格想要跟着扩展时,就必须每一个都把左主格属性设置为其右边的单元格。如C2单元格时可扩展的,B2单元格的左主格属性设置为“C2”,则B2也会跟着扩展,A2单元格的左主格属性再设置为“B2”,则A2格也会跟着扩展。

当一个单元格是横向扩展时,其上方或下方的单元格要跟着扩展,则可把上主格属性设置为要跟随扩展的单元格。

单元格的属性

点击一个单元格,右侧属性区中就显示了该单元格相应的属性。其中在第一列静态值中设置,这个属性是一直不会变的,静态的。在第二列公式中设置,表示这个单元格的属性是可以根据公式计算出来值的不同而变化的。公式中计算出的属性优先级比静态值属性高

例如在B2单元格“可视”属性项中,静态值填写为否,则B2单元格的内容在页面中不可见。如果在该栏公式列中填写为=ifv(B3==1,true,false),则表示当B3单元格的值为1时,B2单元格可见,否则不可见。例如在B2单元格“前景色”属性项中填写公式 =ifv(value()>100,rgb(),-1),则表示当B3单元格的值为大于100时,显示红色,否则显示为白色。

单元格相关的函数。

value() 表示当前单元格值
row()col() 表示当前单元格的行序号和列序号
rgb() 表示将红、绿、蓝、透明度表示的颜色值划算成整数颜色值
dynamic() 表示获取某个变量的动态值
ifv() 是一个判断执行函数,第一个表达式值为真则返回第二个表达式执行的值,第一个表达式值为假则返回第三个表达式执行的值

注意:单元格相关的函数,可在属性栏中的公式列使用。

部分单元格属性含义介绍
  • 值和显示值:例如时间类型的变量,值是一个整数,但显示值是一个日期。引用类型的变量,值是一个整数(引用记录的id),但显示值是该记录的名称。

  • 格名:如B4就是格名,也可以给单元格起别的名称。

  • 保存至:设置页面上的数据保存回数据库时,单元格的值保存到数据库哪个字段。这个在后面经常用到,会详细介绍其用法。

  • 控件类型、控件名称:单元格的控件类型,开发者在右键>控件属性弹出的对话框选择就行,选择后会显示到这里。

  • 样式配置:配置和显示样式信息

其他主要是显示效果相关的设置项,比较直观易懂,开发者可以自己动手改变值体验。高级以及其他标签页的属性,平常使用较少,可在以后慢慢接触学习。

页面设置

点击菜单中页面>页面设置(ctrl+B),可以进入到页面设置对话框。

  • 填充属性:选择自适应宽度时,系统自动设置单元格的列宽,如果列比较多,则每列会显示得比较窄;选择按设计宽度时,列宽根据用户在设计器中设置的宽度显示,如果总宽度超过了浏览器的宽度,则会在下方显示横向滚动条。

  • 页面类型普通是指在浏览器中输入网址后,打开正常的页面。xml、word 表示在浏览器输入网址后,返回页面对应的xml、word格式的数据,而非网页文件。

  • 控件配置:这是控件属性是指整个页面的布局类型,即所有单元格组成的区域的控件属性,区域的控件属性只有布局类型或容器类型。

  • 样式配置:这里指设置好页面的布局类型后,具体的一些布局参数配置。与区域的样式配置属性类似。

  • 背景图:设置好背景图,可以显示为整个页面的背景。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,094评论 1 32
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,747评论 1 92
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,875评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,236评论 1 41
  • 地球不只是一个物质, 是有生命的, 像我们的母亲一样。 人类就是她的孩子, 她一直在养育着我们, 但是人类并不知道...