006-WebBuilder-关于表格的两个问题
表格列设置关联字段
问题描述:
我在使用indexId关联数据库字段并且显示相应的中文列头的时候,发现在控件相同的情况下,实例代码可以,但是自己写的却不可以
解决方法
我发现在array在设置itemId的时候写错了,columns写成了cloumns,再改过来就可以了
原理
array是数组控件,数据内所有的子控件将自动成为数组的一员。该控件往往作为配置项添加到指定的控件下,比如添加到ListView.grid下设置itemId为columns,使其作为grid的列属性
表格知识
grid继承自panel,数据的显示通过关联的view来展现,view继承自dataview。在运行期间,访问grid.view即可获得grid的view属性。grid的view预定义了以表格行列的样式来显示数据,因此只需要设置store即可以表格方式展现store中的数据 。
设置表格的columns属性(通过设置array的itemId为columns)可以定义表格显示的列,columns由多个列column组成的数组构成。
设置column的dataIndex可以设置关联的字段名称,text可以设置列标题,width可以设置列宽度,renderer属性可以通过js自定义单元格HTML的输出。
设置editable属性为true可以设置表格为可编辑,可编辑表格必须作为对应的column设置editor属性,如果未设置editor属性那么该列仍然不可编辑。
获取表格中选择的记录可以使用grid.getSelection方法,设置表格中选择的记录可以使用grid.setSelection方法。
获取表格的值可以使用Wb.getData()方法。当提交表格的值时,默认提交选择的记录,如果要提交表格所有行的值,可设置submitSelect属性为false.
表格显示自定义内容
问题描述:
我在设置新闻列表的时候不想那样一行一行的显示,我想和观察者那样,竖着显示,我参考跨多列的实例实现了这个功能,但是原来store自动展示的行列格式数据没有消除
解决方法
我们使用column的tdCls属性,为每一个column赋值一个相同的名称,然后在module的initHtml中对column进行样式设置,我们主要是消除样式显示
比如设置column的tdCls属性为my-col
然后在initHtml设置为
<!-- <style>.my-col{display:none}</style> -->
这样就不会显示原来的内容,而是只显示自定义的内容了
原理
tdCls属性表示应用于此列的表格单元格的 CSS 类名称。
006-WebBuilder-关于表格的两个问题相关推荐
- xlsx表格怎么筛选重复数据_excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法...
excel表格如何筛选重复数据 在Excel表格的两列数据中提取不重复值的四种方法,最近到了季度汇报的时候,掌握一手excel技能在此刻显得多么重要,为了是你的excel看起来更高大上,今天教大家设置 ...
- html 两个时间戳相减,表格里两列时间点如何相减
EXCEL表中如何让两列时间相减 两列时间,格式是常规,显示如:24时20分,如果我直接相减(比如C1=A1-B时间是特殊的数值形式,直接相减即可 Excel版本参考:2010 测试数据在A1和A2单 ...
- 计算机表格 求差,EXCEL表格中两列怎么计算差/2个excel表格数据求差
怎样在EXCEL表格中求两列数的差? A\B列为数据,在C1输入公式=A1-B1,选中C1之后,并双击右下角黑点向下填充. 算A列和与B列和的差值,用公式=SUM(A:A)-SUM(B:B)即可. 怎 ...
- wps表格匹配两组数据
wps表格匹配两组数据 一.生成测试数据 1.生成随机性别(=IF(RANDBETWEEN(1,2)=1,"男","女")) 2.生成随机成绩(=RANDBET ...
- 计算机的表格如何加入客标,WPS表格如何添加两个纵坐标 WPS表格添加两个纵坐标的技巧...
WPS是一种常用的办公软件,在WPS表格中,根据数据制作了图表,单纵坐标不够,需要两个纵坐标该怎么办呢?那么,WPS表格怎样添加两个纵坐标?有的用户还不是很清楚要怎么添加,下面小编就来为大家分享一下吧 ...
- 多种方法实现从Excel表格的两列数据中提取不重复(唯一)值
在Excel表格中有两列数据如何提取不重复值,即从两列中提取不重复(唯一)值,本文指将两列中所有相同行的两个单元格数据连接后去掉重复项.大家可以看到在下图的A.B两列中,有部分行两个单元格中的数据相同 ...
- 【工具类】JAVA POI 代码导出表格的两种办法(代码全注释,小白也不怕)
讲点废话,吐个槽 最近有个要求,表格导出,之前也搞过,但觉得每次都到处找太麻烦了,有些大佬,展示部分代码,看着挺多个类,复制粘贴运行就报错,一检查,少个关键类,没办法跑,要么就是标注个什么什么大全,下 ...
- python pandas 拿取表格中两个列_在家憋着也是憋着,不如来学习一下python数据聚合的方法...
#python打卡##Python数学编程##python##统计##大数据# 在实际工作过程中,我们经常会遇到对数据进行聚合的情况.针对这种数据聚合的结果,我们又称之为透视表.透视表是各种电子表格程 ...
- python csv合并单元格_python中合并表格的两种方法
合并表格要注意的是设置表格的表头,也就是是将表格第一列设置为合并表格的索引,这样合并表格的时候就会合并两个表格第一列的元素相同的行. 方法一:使用join合并import numpy as np im ...
- 如何用python计算excel两行之间的差值_excel表格求两列数据差值-怎样在EXCEL表格中求两列数的差?...
怎样在EXCEL表格中求两列数的差? 1.双击打开需行求差的Excel表格,Excel表格. 2.在进入Excel表格后,使用鼠标需差的单元格,先选中其中一行即可. 3.在选中一行后,在单元格内输入& ...
最新文章
- linux centos7 升级gcc版本 使用 yum centos-release-scl devtoolset-8-gcc* 非源码编译
- 9.3 Trains and Evaluates the MNIST network using a feed dictionary
- 月结 sap_乡村基SAP:领跑中式快餐数字化转型
- NPoco for MySQL 配置
- python openstack rabbitmq_OpenStack--Rabbitmq组件消息队列
- R金融统计:收益、随机行走和模拟
- 高并发大流量专题---6、独立图片服务器的部署
- 成都理工大学“自然地理学”专业转行AI之路(精彩直播回放)
- perl的my,our,local等用法
- vc java动态库_Java调用已经写好的VC++动态链接库
- 标准模板库(STL)之配接器(Adapter)
- 解决跨浏览器兼容的CSS编码准则
- Rust: Vec用法及其它
- 什么是NP完全问题?
- 《《《总结》》》PCL的42个实例整理:1~24
- xp计算机不记得开机密码,xp系统电脑开机密码忘记了的办法介绍
- ABB机器人与OMRON PLC Socket通信
- qq音乐服务器的位置,QQ音乐的歌曲真实地址解析
- 小程序 选择地区(地区选择器)
- deepin外置键盘无法打开键盘背光灯的解决方法