maoyufeng1985 发表于 2021-2-21 09:09:11

图文列表选中高亮的一个方法

效果：点击获得焦点后切换背景色，背景色在自定义css文件里设置。



页面js文件，对每项添加tabindex属性，不然css的:focus无效。



自定义css文件内容：

.repeater-item:focus{
    background : LightGray;
}
颜色LightGray根据下面的链接内容自己改。
https://www.runoob.com/cssref/css-colornames.html


小侠米 发表于 2021-2-22 09:59:36


选择后有边框难看，请问怎么去除外边框？

maoyufeng1985 发表于 2021-2-23 09:30:08

本帖最后由 maoyufeng1985 于 2021-2-23 09:32 编辑

代码里没有添加边框，怎么会有呢？换个浏览器看看。

maoyufeng1985 发表于 2021-2-23 09:31:18

更新了一下代码
直接在页面加载命令里加代码
var reload = function() {
        $("div.repeater-item").attr({ tabindex: "1"});
}
var page=Forguncy.Page;
page.bind("pageDefaultDataLoaded", reload);
var listview = page.getListView("表格1");
listview.bind("reloaded", reload);
css不变。

Simon.hu 发表于 2021-2-23 09:34:58

这个我们求助中心的精华帖子也有教程，可以互相借鉴

maoyufeng1985 发表于 2021-2-25 16:03:09

Simon.hu 发表于 2021-2-23 09:34
这个我们求助中心的精华帖子也有教程，可以互相借鉴

那个demo我觉得不能满足要求，我这个也有问题就是了。还是要官方出手

maoyufeng1985 发表于 2021-2-25 17:03:41

找到一个相对完美的方法：图文列表的模板页面里隐藏一个文本框，文本框的命令：$("div.repeater-item").attr({ tabindex: "1"});
页面加载命令里的代码不要了。
css不变。
数据有几行，文本框的命令就会运行几次，就这一点瑕疵。

Simon.hu 发表于 2021-2-25 17:54:29

这个我们求助中心的精华帖子也有教程，可以互相借鉴

maoyufeng1985 发表于 2021-2-26 08:06:38

找到了，多谢。

137294886 发表于 2021-2-27 21:33:39

:jy74a:
页: [1] 2
查看完整版本: 图文列表选中高亮的一个方法