一直做JAVA后端,从没想过有一天得自己写UI,分享下代码:
#inputHis {
background-color: #FFF;
font-size: 14px;
line-height: 20px;
overflow-y: hidden;
position: absolute ;
text-align: left;
z-index: 1;
border: 1px solid #999;
}
#inputHis ul{
margin: 0;
padding: 0;
}
#inputHis li {
list-style: none;
}
#inputHis li a
{ display: block;
padding: 3px;
text-decoration: none;
border-right: 1px solid white;
white-space: nowrap
}
#inputHis li a:hover
{ background: #FAE4E4}
<div id="inputHis" style="min-width:100px; top:100px;left:65px; display: none;" >
<li id="inputHisTemplate" ><a href="#"></a></li>
</div>
业务号码: <input id="serviceNo" name="serviceNo" style="width:80px;" type="text" title="请输入业务号码" value="${param.serviceNo}" />
<script type="text/javascript">
function inputHis_close()
{ $('#inputHis').hide(); }
function inputHis_timer()
{ closetimer = window.setTimeout(inputHis_close, 500);}
function loadInputHis(){
var reqUrl = '${ctx}/rest/services/sqlservice/allquery.json?sqlKey=mashup.qryAgentUseLog&userCode=${sessionScope.userCode}'
$.ajax({
url: reqUrl ,
data:{'rownum':'11','t':Math.random()},
type: "POST",
dataType :"json" ,
success: function (data){
$.each( data , function(i, obj){
$inputHisTemplate = $('#inputHisTemplate').clone();
$inputHisTemplate.removeAttr("id");
$inputHisTemplate.find('a').text( obj.SERVICE_NO);
$('#inputHis ul').append( $inputHisTemplate );
});
},
error:function (XMLHttpRequest, textStatus, errorThrown){
$inputHisTemplate = $('#inputHisTemplate').clone();
$inputHisTemplate.removeAttr("id");
$inputHisTemplate.find('a').text('加载失败');
$('#inputHis ul').append( $inputHisTemplate );
}
});
}
$(document).ready(function()
{
$('#serviceNo').bind('click', function(){
var jInput = jQuery(this) ;
var offset = jInput.offset();
var vTop = offset.top + jInput.outerHeight(true);
var vLeft = offset.left;
//没有任何数据
if($('#inputHis li a').length==1) loadInputHis();
$('#inputHis').css({ top: vTop, left: vLeft })
$('#inputHis').show();
});
$("#serviceNo").bind('blur', inputHis_timer);
$('#inputHis li a').live('click', function (){
var serviceNo = $.trim($(this).text());
$('#serviceNo').val( serviceNo );
$("#qryForm")[0].submit();
});
$(document).bind('click', function(){ });
});
</script>
分享到:
相关推荐
该版本拥有更易用的运营方案、更高效的技术方案、更智能的数据方案、更简洁的管理方案。 SE版本的发布不会停止传统版本的更新和优化。 我们拥有多个独立的技术团队进行开发保证。 特征: 采用VUE前端框架 采用TP5.0...
简洁的属性设置,无需繁琐的操作即能满足用户的输入习惯. 8.可控词频调整.用户可以选定是否使用动态调整词频. 9.首字固定.常用字词将永远显示在第一候选项. 10.自定义短语.对常用短语,用户可以为其定义特别的简写....
输入气泡提示 输入文本域 输入框交互示例 开关 Switch 常用开关选择器 选择器 Select 默认下拉列表框 扩展下拉选择器 分段按纽选择器 多级下拉选择器 多级分类选择器 常用城市选择器 数字...
手机版6.0彩虹版发布海量权威的词典内容,收录整合了141本版权词典,30余万真人语音,17个场景2000组常用对话, [1] 完整收录《柯林斯COBUILD高阶英汉双解学习词典》。除查词外,金山词霸新增中、英、日、韩、法、...
英文拼写检查可以在你输入过程中提示可能有错误的英文单词, 用红色波浪线进行标注, 在标注上点击鼠标右键可以看到词库的拼写建议. 当然你也可以把自造词或者词库中没有的单词加入词库 最易用的广告过滤规则分享与...
《Google Android SDK开发范例大全(第3版)》内容由Android的基础知识到实际开发应用,结构清晰、语言简洁,非常适合Android的初学者和Android的进阶程序开发者阅读参考。 编辑本段 编辑推荐 《Google Android SDK...
《Google Android SDK开发范例大全(第3版)》内容由Android的基础知识到实际开发应用,结构清晰、语言简洁,非常适合Android的初学者和Android的进阶程序开发者阅读参考。 编辑本段 编辑推荐 《Google Android SDK...
《Google Android SDK开发范例大全(第3版)》内容由Android的基础知识到实际开发应用,结构清晰、语言简洁,非常适合Android的初学者和Android的进阶程序开发者阅读参考。 编辑本段 编辑推荐 《Google Android SDK...
《Google Android SDK开发范例大全(第3版)》内容由Android的基础知识到实际开发应用,结构清晰、语言简洁,非常适合Android的初学者和Android的进阶程序开发者阅读参考。 编辑本段 编辑推荐 《Google Android SDK...
9:采用Messenger的弹出滑动消息提示框. 10:下载管理,虚拟文件夹. 11:自动ping. 12:连接到搜索引擎. 13:自动报告bug,建议等. 14:宏功能. 15:自动同步文件夹. 16:保存加载任务. 17:计划任务. 18:单线程下载时不能创建...
从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...
从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...
从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...
从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...
从fnMyDownload开始,程序首先解析输入的url,拆分为地址,路径,文件名等。然后获取文件头,得到文件大小,然后再下载。重点函数是ThreadDownLoad。下载完之后用FileCombine合并文件。Mydownload.cpp底端的...
18.3 版 本 控 制 .249 18.4 代 码 优 化 .252 18.5 小 结 .254 第五部分 附 录 .255 附录 A 关 键 字.255 附录 B 错 误 码.256 附录 C .Net 名字空间成员速查.269 参 考 资 料 .300 <<page 4>> page...
在有状态SessionBean中,用累加器,以对话状态存储起来,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存中清除…… Java Socket 聊天...
在有状态SessionBean中,用累加器,以对话状态存储起来,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存中清除…… Java Socket 聊天...