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


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

  • 相关阅读:
    AJAX删除事件与加载数据
    AJAX的基本操作
    用JavaScript写弹窗
    jQuery事件和JSON点语法
    jQuery
    jQuery基础知识
    php 实现简单购物车功能(2)
    css实现3D立方体旋转特效
    for循环与foreach的区别
    微信小程序开发2 双线程模型,小程序中app.js中的生命周期,小程序的页面的生命周期,小程序的事件,事件补充(事件的冒泡,捕获)
  • 原文地址:https://www.cnblogs.com/PEPE/p/2225298.html
Copyright © 2011-2022 走看看