fineui 实现下拉框模糊查询

官网下拉框模糊查询只能实现首字母模糊匹配,如果实现类似这样的 like '%'+关键字+'%',却没有。

今天群里的没想好同学分享了,前后模糊匹配代码。
 
代码示例:
<body>
    <form id="form1" runat="server">
     <f:PageManager ID="PageManager1" runat="server" />
        <f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" Width="550px" EnableCollapse="true"
            ShowBorder="True" Title="简单表单" ShowHeader="True">
            <Items>
                <f:DropDownList runat="server" ID="DropDownList1" EnableEdit="true">
                    <f:ListItem Text="可选项1" Value="Value1" Selected="true" />
                    <f:ListItem Text="可选项2(不可选择)" Value="Value2" EnableSelect="false" />
                    <f:ListItem Text="可选项3(不可选择)" Value="Value3" EnableSelect="false" />
                    <f:ListItem Text="可选项4" Value="Value4" />
                    <f:ListItem Text="可选项5" Value="Value5" />
                    <f:ListItem Text="可选项6" Value="Value6" />
                    <f:ListItem Text="可选择项7" Value="Value7" />
                    <f:ListItem Text="可选择项8" Value="Value8" />
                    <f:ListItem Text="可选择项9" Value="Value9" />
                    <f:ListItem Text="普通型1 < L > 1.5" Value="普通型1 < L > 1.5" />
                </f:DropDownList>
 
              
 
 
            </Items>
        </f:SimpleForm>
        <br />
        <f:Label runat="server" ID="labResult">
        </f:Label>
        <br />
        注:下拉列表的属性设置为EnableEdit=true(ForceSelection默认为true),可以在输入文本以过滤下拉项。
    </form>
</body>
</html>
 
    <script>
         F.ready(function () {
             //启用模糊查询
             F('<% =DropDownList1.ClientID %>').enableRegEx = true;
         })
    </script>
 
 
效果如下:

 

====广告==== 应没神的要求广告字体要大

 北京-没想好同学,简称没神,亲自操刀做fineui修改开发实践。希望大家关注,很值得学习。

最后,别忘了帮顶下blog。http://www.cnblogs.com/shiworkyue/p/4086357.html

 

posted @ 2017-07-03 10:12  Sunday*  阅读(692)  评论(1编辑  收藏  举报