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

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

 

页面效果如下:

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

 

 

前台代码:

                                                                    "FormPanel3" Border="false" runat="server" Padding="5" LabelWidth="70">

"CompositeField3" runat="server" FieldLabel="精确查找">

"chkExactMatch" runat="server" FieldLabel="精确查找">



"CompositeField2" runat="server" FieldLabel="在这儿查找">

"server" Width="120" ID="cobSelect" EmptyText="在这儿查找" SelectionMode="Checkbox">

"工号" Value="1" />
"员工全名" Value="2" />
"员工英文名" Value="3" />
"员工昵称" Value="4" />




"CompositeField1" AnchorHorizontal="100%" runat="server" LabelAlign="Top"
FieldLabel="关键字">

"txtKeyWord" EmptyText="关键字" LabelAlign="Top" runat="server" Width="120">







JS

        ///关键字 回车事件
var txtKeyWord_Click = function(field, e) {
if (e.getKey() == Ext.EventObject.ENTER) {
Ext.net.DirectMethods.btnSearch();
}
}
btnSearch 后台cs代码 就是按钮“搜索”方法
      /// 
/// 搜索方法
///

[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/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

你可能感兴趣的:(ext.net 开发学习——回车事件(六))