jquery easyui控件事件监听委托给jquery事件监听,keyup取最新值问题
<div id="<?php echo NS; ?>toolbar">
<div style="padding:5px">
<form id="<?php echo NS; ?>searchform">
<span>订单号:</span>
<input class="easyui-textbox" id="sn" name="sn" data-options="iconCls:'icon-ok',prompt:'订单号'" style="width:200px">
<label>
<a href="#" class="easyui-linkbutton" data-options="text: '搜索', iconCls:'icon-search'" onclick="<?php echo NS; ?>search()"/>
</label>
</form>
</div>
</div>
<p></p><p></p>
<!--AJAX数据填html模板-->
<div id="<?php echo NS;?>dataview_template" style="display:none">
<div style="margin-bottom:5px;font-size:14px;border-bottom:1px solid #ccc">
订单详情
</div>
<table cellspacing="12" style="border-color:#3399ff;padding:0;margin:0;width:100%;height:30px;">
<tbody>
<tr>
<td>订单ID:</td>
<td>{{id}} </td>
<td>序号:</td>
<td>{{sn}} </td>
<td>标题描述:</td>
<td>{{title}} </td>
</tr>
<tr>
<td>订单类型:</td>
<td>{{_type}} </td>
<td>订单城市:</td>
<td>{{_cityid}} </td>
<td>总价:</td>
<td>{{sumprice}} </td>
</tr>
<tr>
<td>成本价:</td>
<td>{{cosprice}} </td>
<td>支付价:</td>
<td>{{payprice}} </td>
<td>状态:</td>
<td>{{_status}} </td>
</tr>
<tr>
<td>支付时间:</td>
<td>{{paytime}} </td>
<td>会员名称:</td>
<td>{{_memberid}} </td>
<td>机构名称:</td>
<td>{{_corperid}} </td>
</tr>
<tr>
<td>订单来源:</td>
<td>{{_platid}} </td>
<td>添加时间</td>
<td>{{_addtime}} </td>
<td>联系人手机号</td>
<td>{{contactmobile}} </td>
</tr>
</tbody>
</table>
</div> <!--AJAX数据填充容器-->
<div id="<?php echo NS;?>dataview" style='margin:0;padding:20px 50px' data-options='novalidate:true'></div> <script type="text/javascript">
$(document).ready(function(){
$('#sn').textbox({
inputEvents: $.extend({},$.fn.textbox.defaults.inputEvents,{
keyup:function(event){
alert($(this).val());
},
click:function(event){
alert($(this).val());
}
})
});
});
//JS占位符替换
String.prototype.format = function() {
if(arguments.length === 0) return this;
var obj = arguments[0];
var s = this;
for(var key in obj) {
s = s.replace(new RegExp("\\{\\{" + key + "\\}\\}", "g"), obj[key]);
}
return s;
};
//点击搜索操作按钮
function <?php echo NS; ?>search() {
//格式化键值对name:value
var param = {};
$.each($("#<?php echo NS; ?>searchform").serializeArray(), function () {
param[this['name']] = this['value'];
}); $.ajax({
type: 'POST',
url: '/orders/order/ajax_index/'+param.sn,
dataType: "json",
beforeSend: function (xhr) {$.messager.progress();},
success: function (res) {
$.messager.progress('close');
if (res.status == 200) {
//$.messager.alert('操作提示', res.msg, 'info');
//console.log(res.data.id);
//数据填充
$("#<?php echo NS; ?>dataview").html($("#<?php echo NS; ?>dataview_template").html().format(res.item));
return true;
}
$("#<?php echo NS; ?>dataview").html('');
$.messager.alert('操作提示', res.msg, 'error');
}
});
}
</script>
jquery easyui控件事件监听委托给jquery事件监听,keyup取最新值问题的更多相关文章
- jquery时间控件
jQuery 时间控件推荐 博客分类: jQuery 时间控件 My97DatePicker My97DatePicker是一个更全面,更人性化,并且速度一流的日期选择控件.具有强大的日期范围限 ...
- 背水一战 Windows 10 (68) - 控件(控件基类): UIElement - Pointer 相关事件, Tap 相关事件, Key 相关事件, Focus 相关事件
[源码下载] 背水一战 Windows 10 (68) - 控件(控件基类): UIElement - Pointer 相关事件, Tap 相关事件, Key 相关事件, Focus 相关事件 作者: ...
- easyui表单多重验证,动态设置easyui控件
要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最 ...
- ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡
原文:ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡 CompositeControl 后篇 --事件冒泡 系列文章链接: ASP.NET ...
- jquery 分页控件2
jquery 分页控件(二) 上一章主要是关于分页控件的原理,代码也没有重构.在这一章会附上小插件的下载链接,插件主要就是重构逻辑部分,具体可以下载源文件看下,源代码也有注释.为了测试这个插件是能用的 ...
- jQuery树形控件zTree使用小结
作者:Fonour 字体:[增加 减小] 类型:转载 时间:2016-08-02我要评论 这篇文章主要为大家详细介绍了jQuery树形控件zTree使用方法,zTree树插件的基本使用方法,感兴趣的小 ...
- 动态添加easyui 控件
jquery提供了append,appendTo方法,可以动态添加静态的html文本,在easyui中,要动态添加easyui控件要怎么做呢,下面就来介绍动态添加easyui控件. 使用方法:和添加静 ...
- C#中的BackgroundWorker控件+Delegate.Invoke (委托同步调用)
C#中的BackgroundWorker控件+Delegate.Invoke (委托同步调用) 简单代码,记录一下.一个BackgroundWorker控件 backgroundWorkerRefr ...
- jQuery操作控件
在项目中添加前台控件radio,操作两个div的显示和隐藏,其实是一个很简单的问题,但是费了老大劲才完成,也就是jQuery操作控件的一些基础知识.方法有三种,简单介绍: 1.给元素设置style属性 ...
随机推荐
- 测开之路九十七:js的引用方式
第一种:引用外部js文件 准备一个js文件 <!-- 引用外部的js --><script src="../js/js01.js"></script& ...
- KETTLE——初见KETTLE
(PS:这是很早以前在CSDN上发过的,那个账号不想用了,所以搬过来) 就在前一段时间,因为公司需要突然被老大告知要用一个ETL工具,第一次知道这么个工具,完全不知道是做什么的.大概问了一下,说是一种 ...
- Java设计模式——单例模式(创建型模式)
概述 单例模式保证对于每一个类加载器,一个类仅有一个实例并且提供全局的访问.其是一种对象创建型模式.对于单例模式主要适用以下几个场景: 系统只需要一个实例对象,如提供一个唯一的序列号生成器 客户调 ...
- LeetCode 算法 Part 1
目录 1. 两数之和 1. 题目 2.代码 4. 算法用时 5. 感想 2. 两数相加 1. 题目 2.代码 4. 算法用时 5. 感想 3. 无重复字符的最长子串 1. 题目 2.代码 4. 算法用 ...
- Eigen的aligned_allocator
今天看ORBSLAM2中的OptimizeEssentialGraph()函数时,对一句代码中的aligned_allocator不太清楚: vector<g2o::Sim3,Eigen::al ...
- 【洛谷p1077】摆花
题外废话: 真的超级喜欢这道题 摆花[题目链接] yy一提醒,我发现这道题和[洛谷p2089] 烤鸡有异曲同工之妙(数据更大了更容易TLE呢qwq) SOLUTION1:(暴搜) 搜索:关于搜索就不用 ...
- A + B Problem II(1002)
Problem Description I have a very simple problem for you. Given two integers A and B, your job is to ...
- [BZOJ 2301] [HAOI 2011] Problem b (莫比乌斯反演)(有证明)
[BZOJ 2301] [HAOI 2011] Problem b (莫比乌斯反演)(有证明) 题面 T组询问,每次给出a,b,c,d,k,求\(\sum _{i=a}^b\sum _{j=c}^d[ ...
- mysql索引与补充
一, 什么是索引 为什么要有索引? 一般的应用系统,读写比例在10:1左右,而且插入操作和一般的更新操作很少出现性能问题,在生产环境中,我们遇到最多的,也是最容易出问题的,还是一些复杂的查询操作,因此 ...
- SSH简单概念
Spring:轻量级控制反转(IoC)和面向切面(AOP)的容器框架,让对象与对象之间的关系通过配置文件来管理,减低耦合度 IoC:凡是在容器中配置过的对象才会有Spring提供的服务和功能 AOP: ...