Layui与asp:DropDownList同时使用方法

最新推荐文章于 2023-06-30 23:17:12 发布

原创最新推荐文章于 2023-06-30 23:17:12 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #javascript #c#

Aspx 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在ASP.NET中，如何处理SELECT控件的自动回发问题。当不使用Layui渲染时，可通过设置lay-ignore属性避免控件被 Layui 处理。同时，给出了使用Layui监听下拉框变化并触发页面回发的示例代码，通过__doPostBack函数实现。此外，还展示了在不使用Layui时，如何保持控件的正常回发功能。

不处理时，当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 ” , 即可