主页

fastadmin自定义搜索框

人间绝色   IP属地: 青海
0 点赞 0阅读 1045

js文件添加


 searchFormVisible:true, //通用搜索表单是否初始显示
searchFormTemplate:'countrySearch',
commonSearch:true,


在index.html文件添加

scrtipt标签的id需要与js代码对应一致;

input.operate 的data-name和input.form-control的name参数名要对应上;

input.form-control也可以写成下拉等形式,需要对应好name名称;

<script id="countrySearch" type="text/html">
    <!--form表单必须添加form-commsearch这个类-->
    <form action="" class="form-commonsearch form-horizontal">
        <div class="row">
            <form id="form" class="form-horizontal form-ajax" role="form" data-toggle="validator" method="POST" action="">
                 <div style="display:flex;justify-content: space-between;padding: 20px;padding-bottom: 20px;">
            <div style="display:flex;margin: 0 auto;justify-content: center;width:80%">
                <div class="search" style="border:1px solid #eee;padding:10px;border-top-left-radius: 7px;border-bottom-left-radius: 7px;width: 100%;">
                <input class="operate" type="hidden" data-name="device.code" value="=" >
                    <input type="text" name="device.code" id="" value="N5871647851" placeholder="搜索设备或患者名称" style="border:none;width: 80%;" />
                </div>
                <button type="submit" style="border: none;color:#fff;background-color:#15a589;padding:0 30px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;width:150px">搜索</button>
            </div>

    </div>
            </form>
        </div>
    </form>
</script>

效果

© 著作权归作者所有,转载或内容合作请联系作者