fastadmin 追加 switch切换

2024-06-06 02:20
文章标签 切换 追加 fastadmin switch

本文主要是介绍fastadmin 追加 switch切换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

fastadmin 追加 switch切换

添加页面

	<div class="form-group"><label class="control-label col-xs-12 col-sm-2">{:__('设置金额')}:</label><div class="col-xs-12 col-sm-10"><dl class="fieldlist" data-name="row[money]" data-template="fieldtpl"><dd><ins>{:__('金额')}</ins><ins>{:__('使用状态')}</ins></dd><dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd><textarea name="row[money]" class="form-control hide" cols="30" rows="5"></textarea></dl></div></div><script type="text/html" id="fieldtpl"><dd class="form-inline"><input id="t-paymoney" class="form-control" name="row[<%=index%>][paymoney]" type="text" ><input type="hidden" name="<%=name%>[<%=index%>][status]" id="c-status-<%=index%>" class="form-control" style="width:50px" placeholder="状态"/><a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-status-<%=index%>" data-yes="1" data-no="0"><i class="fa fa-toggle-on text-success <%if(row.status!=1){%>fa-flip-horizontal text-gray<%}%> fa-2x"></i></a><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></dd>
</script>

编辑页面

<div class="form-group"><label class="control-label col-xs-12 col-sm-2">{:__('设置金额')}:</label><div class="col-xs-12 col-sm-10"><dl class="fieldlist" data-name="row[money]" data-template="fieldtpl"><dd><ins>{:__('金额')}</ins><ins>{:__('使用状态')}</ins></dd><dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {:__('Append')}</a></dd><textarea name="row[money]" class="form-control hide" cols="30" rows="5">{$row.money|htmlentities}</textarea></dl></div></div><script type="text/html" id="fieldtpl"><dd class="form-inline"><input id="t-paymoney" class="form-control" name="row[<%=index%>][paymoney]" type="text" value="<%=row['paymoney']%>"><input type="hidden" name="<%=name%>[<%=index%>][status]" id="c-status-<%=index%>" class="form-control" style="width:50px" value="<%=row.status%>" placeholder="状态"/><a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-status-<%=index%>" data-yes="1" data-no="0"><i class="fa fa-toggle-on text-success <%if(row.status!=1){%>fa-flip-horizontal text-gray<%}%> fa-2x"></i></a><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></dd>
</script>

这篇关于fastadmin 追加 switch切换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1034822

相关文章

IDEA中新建/切换Git分支的实现步骤

《IDEA中新建/切换Git分支的实现步骤》本文主要介绍了IDEA中新建/切换Git分支的实现步骤,通过菜单创建新分支并选择是否切换,创建后在Git详情或右键Checkout中切换分支,感兴趣的可以了... 前提:项目已被Git托管1、点击上方栏Git->NewBrancjsh...2、输入新的分支的

SpringBoot实现多环境配置文件切换

《SpringBoot实现多环境配置文件切换》这篇文章主要为大家详细介绍了如何使用SpringBoot实现多环境配置文件切换功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 示例代码结构2. pom文件3. application文件4. application-dev文

SpringBoot基于配置实现短信服务策略的动态切换

《SpringBoot基于配置实现短信服务策略的动态切换》这篇文章主要为大家详细介绍了SpringBoot在接入多个短信服务商(如阿里云、腾讯云、华为云)后,如何根据配置或环境切换使用不同的服务商,需... 目录目标功能示例配置(application.yml)配置类绑定短信发送策略接口示例:阿里云 & 腾

Java中Switch Case多个条件处理方法举例

《Java中SwitchCase多个条件处理方法举例》Java中switch语句用于根据变量值执行不同代码块,适用于多个条件的处理,:本文主要介绍Java中SwitchCase多个条件处理的相... 目录前言基本语法处理多个条件示例1:合并相同代码的多个case示例2:通过字符串合并多个case进阶用法使用

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

Spring Boot项目中结合MyBatis实现MySQL的自动主从切换功能

《SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能》:本文主要介绍SpringBoot项目中结合MyBatis实现MySQL的自动主从切换功能,本文分步骤给大家介绍的... 目录原理解析1. mysql主从复制(Master-Slave Replication)2. 读写分离3.

JDK多版本共存并自由切换的操作指南(本文为JDK8和JDK17)

《JDK多版本共存并自由切换的操作指南(本文为JDK8和JDK17)》本文介绍了如何在Windows系统上配置多版本JDK(以JDK8和JDK17为例),并通过图文结合的方式给大家讲解了详细步骤,具有... 目录第一步 下载安装JDK第二步 配置环境变量第三步 切换JDK版本并验证可能遇到的问题前提:公司常

nvm如何切换与管理node版本

《nvm如何切换与管理node版本》:本文主要介绍nvm如何切换与管理node版本问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录nvm切换与管理node版本nvm安装nvm常用命令总结nvm切换与管理node版本nvm适用于多项目同时开发,然后项目适配no

Oracle数据库如何切换登录用户(system和sys)

《Oracle数据库如何切换登录用户(system和sys)》文章介绍了如何使用SQL*Plus工具登录Oracle数据库的system用户,包括打开登录入口、输入用户名和口令、以及切换到sys用户的... 目录打开登录入口登录system用户总结打开登录入口win+R打开运行对话框,输php入:sqlp

IDEA如何切换数据库版本mysql5或mysql8

《IDEA如何切换数据库版本mysql5或mysql8》本文介绍了如何将IntelliJIDEA从MySQL5切换到MySQL8的详细步骤,包括下载MySQL8、安装、配置、停止旧服务、启动新服务以及... 目录问题描述解决方案第一步第二步第三步第四步第五步总结问题描述最近想开发一个新应用,想使用mysq