ext.net 开发学习——回车事件(六)

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

 

页面效果如下:

ext.net 开发学习——回车事件(六)_第1张图片

 

 

前台代码:

                                                                    <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字,具体可根据自己需求实现…………………………
}

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

ext.net 开发学习——回车事件(六)_第2张图片

 

同样工号模糊回车查询

ext.net 开发学习——回车事件(六)_第3张图片

 

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

 

谢谢

 

 

 

结束…………


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

你可能感兴趣的:(.net)