LeCMS
ClassCMS
Fastadmin
iCMS
PbootCMS
PHPCMS
易优CMS
YzmCMS
讯睿CMS
极致CMS
Wordpress
HkCMS
YznCMS
WellCMS
ThinkCMF
帝国CMS
SIYUCMS处理逗号分隔的内容为按钮显示渲染
数据格式：商业小区,回迁安置小区,三无小区
JS代码
{ field: 'fenlei_name', title: __('关联小区分类'), operate: 'LIKE', formatter: function (value, row, index) { if (!value || value.trim() === '-') { // 当值为空或为 '-' 时，显示红色文本 return `<span class="text-danger">未分配</span>`; } // 生成随机渐变颜色 function randomGradient() { var color1 = `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0')}`; var color2 = `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0')}`; return `linear-gradient(45deg, ${color1}, ${color2})`; } // 将逗号分隔的内容转换为带渐变背景的按钮 var items = value.split(',').map(function (item) { var gradient = randomGradient(); return `<span class="btn btn-xs m-1" style=" display: inline-block; background: ${gradient}; color: white; border: none; padding: 5px 10px; border-radius: 4px; white-space: nowrap; font-size: 12px; "> ${item.trim()} </span>`; }); return items.join(' '); }},希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， Fastadmin， ClassCMS， LeCMS， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。
未经允许不得转载：Str Tom工作室 » 列表逗号分隔内容自定义样式渲染
