jQuery MiniUI

标题: datagrid的cardview怎么设置选中行? [打印本页]

作者: Aisin丿Gioro    时间: 2019-9-26 18:05:59     标题: datagrid的cardview怎么设置选中行?

我用mini.get("datagrid").select(id),加载完成后为什么没有选中行的class

作者: felt    时间: 2019-9-27 10:34:32

这个模式我们并没有设计选中效果,你可以自己添加
作者: Aisin丿Gioro    时间: 2019-9-27 18:03:41

felt 发表于 2019-9-27 10:34
这个模式我们并没有设计选中效果,你可以自己添加

请问我在哪里添加合适,我是用setData把选中的那条数据传到mini.open的页面,然后用viewcard重新渲染了一下列表页的数据,那我怎么去添加这条数据对应的选中效果,在itemRenderer方法里添加,还是 grid.on("load"方法里添加
作者: dforce    时间: 2019-9-29 09:53:46

Aisin丿Gioro 发表于 2019-9-27 18:03
请问我在哪里添加合适,我是用setData把选中的那条数据传到mini.open的页面,然后用viewcard重新渲染了一 ...

cardview模式,只是做完展示用的,我们并没有做选中效果,也没获取选中的方法。

你可以绘制的时候多加一个样式来做选中效果
比如根据行的一个字段
  1. function itemRenderer(record, rowIndex, meta, grid) {
  2.           var cls="";
  3.            if(record.xxx==1) cls="item-selected";
  4.             meta.rowCls = "item "+cls;
  5.             var html = '<div class="item-inner">'
  6.                     + '<img class="item-image" src="countries/' + record.url + '"/>'
  7.                     + '<div class="item-text">' + record.name + '</div>'
  8.                     + '<div class="item-action"><button class="button add">收藏</button></div></div>';
  9.             return html;
  10.         }
复制代码

作者: Aisin丿Gioro    时间: 2019-9-29 10:16:51

本帖最后由 Aisin丿Gioro 于 2019-9-29 10:20 编辑
dforce 发表于 2019-9-29 09:53
cardview模式,只是做完展示用的,我们并没有做选中效果,也没获取选中的方法。

你可以绘制的时候多加一 ...

谢谢,请问我怎么能把选中的那条id传到gird的itemRenderer里,是用load方法吗,把itemRenderer放在setData方法里好像不行,我点击其他行怎么去掉表格里的选中效果然后给当前这一条数据添加选中样式?
作者: dforce    时间: 2019-9-29 10:47:11

Aisin丿Gioro 发表于 2019-9-29 10:16
谢谢,请问我怎么能把选中的那条id传到gird的itemRenderer里,是用load方法吗,把itemRenderer放在setData ...

[attach]12461[/attach]

作者: Aisin丿Gioro    时间: 2019-9-29 11:20:02

本帖最后由 Aisin丿Gioro 于 2019-9-29 11:44 编辑
dforce 发表于 2019-9-29 10:47

非常感谢,我想在setData里吧一进来选中的这条滚动到顶部怎么弄?
作者: dforce    时间: 2019-9-29 13:37:25

Aisin丿Gioro 发表于 2019-9-29 11:20
非常感谢,我想在setData里吧一进来选中的这条滚动到顶部怎么弄?

  var el = $(grid.el).find(".item-selected")[0];
  var top = $(el).offset().top;
  $(".mini-grid-rows-view").scrollTop(top)
作者: Aisin丿Gioro    时间: 2019-9-29 15:53:24

dforce 发表于 2019-9-29 13:37
var el = $(grid.el).find(".item-selected")[0];
  var top = $(el).offset().top;
  $(".mini-grid-r ...

  grid.load({
            pageIndex:  data.pageIndex,
            pageSize: data.pageSize,
            sortField: "",
            sortOrder: "asc"
        }, function (e) {
            grid.select(data.rowIndex);
            grid.doUpdate();
            var el = $(grid.el).find(".item-selected")[0];
            console.log(el);
            var top = $(el).offset().top;
            $(".mini-grid-rows-view").scrollTop(top);
        });
$(grid.el).find(".item-selected")[0];输出undefined
作者: dforce    时间: 2019-9-29 16:09:42

Aisin丿Gioro 发表于 2019-9-29 15:53
grid.load({
            pageIndex:  data.pageIndex,
            pageSize: data.pageSize,

延时执行,刚加载完毕的时候应界面的还没有绘制好,也就获取不到也页面上就获取不到




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2