fastadmin 一张图解析小拓展

本文主要介绍了Fastadmin框架中的一些实用拓展功能,包括通用搜索框的开启、文本内容限制、快速搜索、浏览模式设置、图片展示、自定义按钮以及分页信息的隐藏等。通过在JS和HTML中添加特定配置,可以优化后台管理界面的用户体验。
摘要由CSDN通过智能技术生成

简介,一些在原页面讲解中没有讲到的,但还有用的一些拓展,虽然比较容易找到,但还是总结出来比较好

3.通用搜索

通用搜索框的固定,在js中添加searchFormVisible:true,即可实现

 

文本内容太长,导致看着不舒服,或者查看数据太麻烦,

 这样会导致查看数据时过于麻烦,只要在指定位置添加

 formatter: function(value){return value.toString().substr(0, 30)}

6.快速搜索

7.浏览模式、显示隐藏列、导出、通用搜索

快速搜索、浏览模式、显示隐藏列、导出、通用搜索 这些如何隐藏

方法一 :在index.html的table标签中添加

data-search="false"         data-show-toggle="false"        data-show-columns="false"         data-show-export="false"         data-common-search="false"

方法二:在JS文件中添加,commonSearch: false,         visible: false,         showToggle: false, showColumns: false,         search:false,         showExport: false,

12.图片和图片组

展现文件的格式

第一种方式

 //js页面
{field: 't_files', title: __('T_files'), formatter: Controller.api.formatter.thumb},
  //加在 api下 bindevent后边或者前面都可以
formatter: {
    thumb: function (value) {
      //console.log(value);
        if (value != "" && value != undefined){
        var strs = value.split('.');
        var end = strs.pop()
         //console.log(end)
        var ext_arr = ['jpg','png','jpeg','bmp','gif'];
         //console.log(end)
         if(ext_arr.includes(end.toLowerCase())){
        return '<a href="' +value+ '" target="_blank"><img src="'+value+'" alt="" style="max-height:50px;max-width:120px">'
         }else{
         return '<a href="' +val
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

solitaire.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值