找回密码
 立即注册

QQ登录

只需一步,快速开始

maoyufeng1985

注册会员

6

主题

32

帖子

118

积分

注册会员

积分
118
maoyufeng1985
注册会员   /  发表于:2021-2-21 09:09  /   查看:6473  /  回复:11
效果:点击获得焦点后切换背景色,背景色在自定义css文件里设置。

图片.png309555968.png

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

图片.png481857299.png

自定义css文件内容:

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


评分

参与人数 2金币 +666 满意度 +5 收起 理由
Simon.hu + 666 赞一个!
小侠米 + 5 赞一个!

查看全部评分

11 个回复

倒序浏览
小侠米
论坛元老   /  发表于:2021-2-22 09:59:36
沙发
image.png575727233.png
选择后有边框难看,请问怎么去除外边框?
回复 使用道具 举报
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
5#
这个我们求助中心的精华帖子也有教程,可以互相借鉴
回复 使用道具 举报
maoyufeng1985
注册会员   /  发表于:2021-2-25 16:03:09
6#
Simon.hu 发表于 2021-2-23 09:34
这个我们求助中心的精华帖子也有教程,可以互相借鉴

那个demo我觉得不能满足要求,我这个也有问题就是了。还是要官方出手
回复 使用道具 举报
maoyufeng1985
注册会员   /  发表于:2021-2-25 17:03:41
7#
找到一个相对完美的方法:图文列表的模板页面里隐藏一个文本框,文本框的命令:$("div.repeater-item").attr({ tabindex: "1"});
页面加载命令里的代码不要了。
css不变。
数据有几行,文本框的命令就会运行几次,就这一点瑕疵。
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2021-2-25 17:54:29
8#
这个我们求助中心的精华帖子也有教程,可以互相借鉴
回复 使用道具 举报
maoyufeng1985
注册会员   /  发表于:2021-2-26 08:06:38
9#
找到了,多谢。
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2021-2-27 21:33:39
10#
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部