当前位置: 首页 > news >正文

laravel中如何向字段标签添加工具提示

首先,您可以使用 轻松自定义字段标签->label()。我相信您知道这一点。但您知道吗……标签输出未转义?这意味着您也可以在标签中包含 HTML。

为了尽快实现上述目标,我只是采取了一个快速而粗糙的解决方案:

CRUD::field('nickname')->label('Nickname <span class="badge badge-pill bg-gray"><i class="la la-question" data-bs-toggle="tooltip" title="Some details here to help the user fill in the field."></i></span>');

当然,你只需付出一点努力就可以清理掉很多东西。如果你不止一次使用它,你肯定会想把所有的 HTML 放在一个地方,然后重新使用它。但是放在哪里呢?例如,我通常在中有一堆自定义项目助手app/helpers.php,所以我可以在那里添加一个新的助手:

if (!function_exists('bp_tooltip')) {/*** Echo a grey badge with a question icon and a tooltip on hover.** @param string $string** @return string*/function bp_tooltip(string $string){return '<span class="badge badge-pill bg-gray"><i class="la la-question" data-bs-toggle="tooltip" title="'.$string.'"></i></span>';}
}

然后在你的 CrudController 中你可以有一个更清晰的标签:

CRUD::field('nickname')->label('Nickname '.bp_tooltip('Some details here to help the user fill in the field'));

最棒的是?如果你更改 HTML,它就会随处更改。就是这样。这就是你向字段添加工具提示的方式。

快速提示 - 不要将其与 混淆hint。所有 Backpack 字段还附带一种->hint()方法,该方法在字段下方添加一行灰色文本,其中包含详细信息:

在大多数情况下,如果需要解释,我发现最好将其添加为hint。有时,工具提示更好。你做你自己

http://www.lryc.cn/news/375385.html

相关文章:

  • 高考志愿填报,选专业应该考虑哪些因素?
  • 图书管理系统代码(Java)
  • Nginx反向代理Kingbase数据库
  • 没有字幕的高清爆款视频素材去哪里找?无字幕无水印素材网站分享
  • Java23种设计模式(一)
  • Spring Boot集成websocket实现webrtc功能
  • StableSwarmUI 安装教程(详细)
  • 利用Unity XR交互工具包实现简易VR菜单控制——6.18山大软院项目实训
  • 区间预测 | Matlab实现CNN-ABKDE卷积神经网络自适应带宽核密度估计多变量回归区间预测
  • 【机器学习】第6章 支持向量机(SVM)
  • hive笔记
  • kali - 配置静态网络地址 + ssh 远程连接
  • Redis常见数据类型及其常用命令详解
  • JMU 数科 数据库与数据仓库期末总结(4)实验设计题
  • Go版RuoYi
  • 八股系列 Flink
  • HTTP/2 协议学习
  • “先票后款”条款的效力认定
  • CSDN 自动上传图片并优化Markdown的图片显示
  • 常见日志库NLog、log4net、Serilog和Microsoft.Extensions.Logging介绍和区别
  • 【PX4-AutoPilot教程-TIPS】离线安装Flight Review PX4日志分析工具
  • 探究Spring Boot自动配置的底层原理
  • Fedora40的#!bash #!/bin/bash #!/bin/env bash #!/usr/bin/bash #!/usr/bin/env bash
  • 重生之 SpringBoot3 入门保姆级学习(19、场景整合 CentOS7 Docker 的安装)
  • cve_2014_3120-Elasticsearch-rce-vulfocus靶场
  • 吴恩达2022机器学习专项课程C2W3:2.26 机器学习发展历程
  • 当OpenHarmony遇上OpenEuler
  • Apple - Framework Programming Guide
  • R可视化:ggpubr包学习
  • 优化Spring Boot项目启动时间:详解与实践