ext.net 开发学习——回车事件（六）

 之前，整了一个《一个页面多个input 按钮 如何回车控制》，虽然有点不同，但是道理还是差不多的！这些日子我们一直叁在捣鼓着EXT。把遇到的，看到的 记录下……

 

页面效果如下：

 

 

前台代码：

                                                                    <ext:FormPanel ID="FormPanel3" Border="false" runat="server" Padding="5" LabelWidth="70">
                                                                        <Items>
                                                                            <ext:CompositeField ID="CompositeField3" runat="server" FieldLabel="精确查找">
                                                                                <Items>
                                                                                    <ext:Checkbox ID="chkExactMatch" runat="server" FieldLabel="精确查找">
                                                                                    </ext:Checkbox>
                                                                                </Items>
                                                                            </ext:CompositeField>
                                                                            <ext:CompositeField ID="CompositeField2" runat="server" FieldLabel="在这儿查找">
                                                                                <Items>
                                                                                    <ext:MultiCombo runat="server" Width="120" ID="cobSelect" EmptyText="在这儿查找" SelectionMode="Checkbox">
                                                                                        <Items>
                                                                                            <ext:ListItem Text="工号" Value="1" />
                                                                                            <ext:ListItem Text="员工全名" Value="2" />
                                                                                            <ext:ListItem Text="员工英文名" Value="3" />
                                                                                            <ext:ListItem Text="员工昵称" Value="4" />
                                                                                        </Items>
                                                                                    </ext:MultiCombo>
                                                                                </Items>
                                                                            </ext:CompositeField>
                                                                            <ext:CompositeField ID="CompositeField1" AnchorHorizontal="100%" runat="server" LabelAlign="Top"
                                                                                FieldLabel="关键字">
                                                                                <Items>
                                                                                    <ext:TextField ID="txtKeyWord" EmptyText="关键字" LabelAlign="Top" runat="server" Width="120">
                                                                                        <Listeners>
                                                                                            <SpecialKey Fn="txtKeyWord_Click" />
                                                                                        </Listeners>
                                                                                    </ext:TextField>
                                                                                </Items>
                                                                            </ext:CompositeField>
                                                                        </Items>
                                                                    </ext:FormPanel>

JS

        ///关键字 回车事件
        var txtKeyWord_Click = function(field, e) {
            if (e.getKey() == Ext.EventObject.ENTER) {
                Ext.net.DirectMethods.btnSearch();
            }
        }

btnSearch 后台cs代码 就是按钮“搜索”方法

  　　　 /// <summary>
        /// 搜索方法
        /// </summary>
        [DirectMethod]
        public void btnSearch()
        {
            #region 按下面任何标准进行搜索
            StringBuilder sbSqlSelect = new StringBuilder();
            string strKeyWord = txtKeyWord.Text.ToString().Trim();
   　　　　  bool isMatch = chkExactMatch.Checked;//是否精确查找
            SelectedListItemCollection lists = cobSelect.SelectedItems;
           …………………………………………
           …………………………………………
           …………………………………………
           ……………………………………………………………………………………
            ………………此处省略N字，具体可根据自己需求实现…………………………
        }

看看效果
这是根据员工全名模糊查找

 

同样工号模糊回车查询

 

这种实现方法肯定不止一种，园中的朋友有遇到的，有知道的 还请 告知……

 

谢谢

 

 

 

结束…………

作者：PEPE
出处：http://pepe.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。