表格ht.ui.tableView边框空隙间隙以及点击会自动滚动到选中行的可见区域的底部

现象如下:

 

代码如下:

JavaScript
//用表格组件来实现滚动内容区域
var dataModel = new ht.DataModel();
var control= new ht.ui.TableView(dataModel);
control.setBackground('green');

//列表组件只放一列,只需要new一个ht.Data图元
var nodeColumn = cache.nodeColumn = new ht.ui.Column();
nodeColumn.setName('content');      //设置该列的访问属性标签,在对单元格赋值的时候用,不过当前用不上,因为对整列的所有行都一样处理即可!
nodeColumn.setAccessType('attr');
control.getColumnModel().add(nodeColumn);

/*同时只放形一行,因为最终只用1个单元格,所以对列进行绘制统一塞入graphView即可,不用考虑指定某行某列来塞,所以对行数据,只需要这样dm.add()
一下就好,完全不需要通过列的访问属性标签:按照上面的列,就是访问通过a.('content',xxx)方式访问。但是这句必须有,否则一行数据都没有,也无法
形成单元格,列设置的绘制也不会发生!*/
var nodeRow = new ht.Node();
dataModel.add(nodeRow);

dataModel.add(new ht.Data());
dataModel.add(new ht.Data());
dataModel.add(new ht.Data());
dataModel.add(new ht.Data());
dataModel.add(new ht.Data());

nodeColumn.drawCell = function(g, data, selected, col, x, y, w, h, view) {
    g.beginPath();
    g.fillStyle = 'blue';
    g.fillRect(x, y, w, h);
}

当行高设置很高,填充绘制单元格内容,那么点击会调到底部体验很不好,就需要对选中事件重写一些且不做实现即可:

HT for web Class: TableView

这一句就够了,不会点击响应自动滚动了,而且也不会再响应点击选中默认的行背景颜色,导致出看起来有边框一样(表格背景色、行背景色,都会填充到上图现象中两边的空隙):

JavaScript
tableView.handleSelect = (e, data) => {}    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IOTOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值