jQuery技术

JQueryEasyUI datagrid查找学习笔记

字号+ 作者:H5之家 来源:H5之家 2017-01-11 14:03 我要评论( )

JQueryEasyUI学习笔记datagrid查找 教程有需要了解datagrid查找 的朋友可参考本文章。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" />
    <link href="jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" />
    <script src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
    <script src="JavaScript.js"></script><!--这个是扩展Jquery的方法-->
    <script src="jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
    <script src="jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
</head>
<body id="layoutbody" class="easyui-layout">
    <div data-options="region:'north',title:'North Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'south',title:'South Title',split:true" style="height: 100px;">
    </div>
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'west',title:'West',split:true" style="width: 100px;">
    </div>
    <div data-options="region:'center',title:'center title'" href="CenterPage.html" style="background: #eee; overflow: hidden;">
    </div>
</body>

一篇关于JQueryEasyUI学习之datagrid 添加、修改、删除 学习笔记教程有需要了解的朋友可参考本的笔记,批量删除,双击表单修改、选中行修改,增加行修改,再有就是扩展editor的方法,无需废话,直接上代码,代码中的注释写的很详细

function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

function CallOpenerMethod(data) {
    var callFun = GetQueryString("callfun");

    window.opener[callFun](data);
    window.close();
}

function GetSelectedIDArray() {
    var targetControlID = GetQueryString("hfTargetID");

    var selectedIDs = $("#" + targetControlID, opener.document).val();
    var selectIDArray;
    if (selectedIDs != "undefined" || selectedIDs != "") {
        selectIDArray = selectedIDs.split(',');
    }
    return selectIDArray;
}

function SelectedDefault() {
    var selectIDArray = GetSelectedIDArray();

    $.each(selectIDArray, function (key, value) {
        $(".dataTable tbody tr[trid=" + value + "]").find(":checkbox").attr("checked", "checked");
    });
}

本文章在给大家介绍在用户输入完信息之后直接按回车进行表单提交的jquery实现方法,有需要了解的朋友可进来参考以。

键盘事件有3:

jquery键盘事件参考:
1、keydown()
keydown事件会在键盘按下时触发.
2、keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
3、keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

正确代码为:

 代码如下 复制代码

$(document).keyup(function(event){
  if(event.keyCode ==13){
    $("#submit").trigger("click");
  }
});

推荐:keyup,防止笔记本键盘不小心触摸到了

1.有些文档中有写成这样:

 代码如下 复制代码

$(window).keydown(function(){
...
})

XP系统IE6下是不成功的。

2.还有INPUT的

 代码如下 复制代码

$("input").keydown(function(){
...
})

这种情况要在input获取焦点时候,才能监听到键盘事件。


例表单如下:

 代码如下 复制代码

<form name="loginform" id="loginform"  method="post">
 <div>    
      <p>用户名:<input  type="text" name="username" /></p>
      <p>密码:<input  type="password" name="password" /></p>
      <p><input type="button" value="" class="log_btn" /></p>
  </div>
</form>

juqery实现方法:

 代码如下 复制代码

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery扩展方法 改变EasyUI内datagrid的大小

    jQuery扩展方法 改变EasyUI内datagrid的大小

    2016-12-31 12:00

  • Jqueryeasyui学习笔记1

    Jqueryeasyui学习笔记1

    2015-11-25 08:45

  • jQuery EasyUI自定义DataGrid的Editor

    jQuery EasyUI自定义DataGrid的Editor

    2015-11-10 10:44

  • jquery中查找学习1

    jquery中查找学习1

    2015-10-31 09:08

网友点评