FVS控件改变下拉底色

"use document";

setInterval(function() {

  $(".bi-v.list-view-outer.bi-card.list-view-shadow").css({

    "background": "white",  

    "color": "black",

    "font-size": '12px',

    "text-align": "center"

  });

}, 10);

这个代码要怎么改才能只对一个控件有效

FineReport 钱钱钱丶 发布于 6 天前
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
CD20160914Lv8专家互助
发布于6 天前

你的fvs只有一页还是多页,如果是一页的话,不建议用你的这一段代码,一直在轮洵监听dom结构,这样的代码其实代码是完全没有任何性能的!

-------------以下是单页的代码不支持翻页,虽然长但是它的性能其实好,你的代码短,但是一直在轮洵,就类似看到一个美女,一直问她:美女你有男朋友吗?这一句话一天问人家万千上万次--------

"use document";
(function () {
    const TARGET_NAME = "下拉框1_页面1";//你改这里的名称就行了。
    const DROPDOWN_PANEL_CLASSES = ['bi-v', 'list-view-outer', 'bi-card', 'list-view-shadow'];

  
    function init() {
        const container = document.querySelector('div[data-name="' + TARGET_NAME + '"]');
        if (!container) {
            console.warn('未找到目标下拉框:' + TARGET_NAME);
            return;
        }
       
        const textEl = container.querySelector('.bi-text');
        if (textEl) {
            textEl.style.color = '#fba414';
        }       
        container.addEventListener('click', function () {           
            setTimeout(() => {             
                const panels = Array.from(document.querySelectorAll('.' + DROPDOWN_PANEL_CLASSES.join('.')));
                if (panels.length === 0) return;               
                const targetPanel = panels.find(p => !p.hasAttribute('data-custom-styled'));
                if (targetPanel) {
                    targetPanel.style.background = 'white';
                    targetPanel.style.color = 'black';
                    targetPanel.style.fontSize = '12px';
                    targetPanel.style.textAlign = 'center';
                    targetPanel.setAttribute('data-custom-styled', 'true');
                }
            }, 50); 
        });
    }   
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
    console.log('下拉框 "' + TARGET_NAME + '" 样式已绑定');
})();

-----决策平台与单独的网页打开都支持,而且也支持翻页,目前官方与你的代码就算是全部都不支持翻页--------

--以下演示是针对翻页的一直有效-------------

052114.gif

  • twshe twshe 挺好的。但是我用的是日期控件。。选中的背景颜色不生效,还有部分提示文字颜色无效
    2025-12-03 09:23 
  • 钱钱钱丶 钱钱钱丶(提问者) FVS是多页
    2025-12-03 09:43 
  • CD20160914 CD20160914 回复 钱钱钱丶(提问者) 多页的代码很长。你私信我吧。
    2025-12-03 09:48 
  • 钱钱钱丶 钱钱钱丶(提问者) 回复 CD20160914 感谢大佬!!!
    2025-12-03 10:24 
最佳回答
0
华莉星宸Lv7专家互助
发布于6 天前

参考

	setTimeout(function() {
	    $("div[widgetname=控件名称]").find('.bi-v.list-view-outer').css({
	        "background": "white",
	        "color": "black",
	        "font-size": "12px",
	        "text-align": "center"
	    });
	}, 100);

  • 3关注人数
  • 60浏览人数
  • 最后回答于:6 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部