Layui与asp:DropDownList同时使用方法

2021/12/4 22:47:24

本文主要是介绍Layui与asp:DropDownList同时使用方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

不处理时,当SELECT 渲染后,无法自动回发,可以如下操作:

<asp:DropDownList ID="ddlSearchProvince" runat="server" lay-filter="searchprovince" AutoPostBack="true" OnSelectedIndexChanged="ddlSearchProvince_SelectedIndexChanged"></asp:DropDownList>
<asp:DropDownList ID="ddlSearchCity" runat="server"></asp:DropDownList>
<script>
        $(function () {
            //监听选择框
            layui.use(['form', 'laydate'], function () {
                var form = layui.form;
                form.on('select(searchprovince)', function (data) {
                    __doPostBack("ddlSearchProvince", "");
                });
                form.on('select(searchmachine)', function (data) {
                    __doPostBack("ddlSearchMachine", "");
                });

                form.render();
            })
        })
    </script>

如里不想使用Layui渲染,可以这样处理:

<asp:DropDownList ID="ddlTableName" CssClass="layui-select" runat="server" lay-ignore>
</asp:DropDownList>

在后面加一个“ lay-ignore  ”  ,  即可



这篇关于Layui与asp:DropDownList同时使用方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程