Atitit.auto complete 自动完成控件的实现总结
Atitit.auto complete 自动完成控件的实现总结
1. 框架选型 1
2. 自动完成控件的ioc设置 1
3. Liger 自动完成控件问题 1
4. 官网上的code有问题,不能显示控件渲染,,查看源码 <input type="text" id="txt2" οnchange="changeEventO9()"/>这个简化版本的走ok兰... 1
5. Liger 自动完成控件的调用 2
6. -------------------autoKmpltSpt---------- 2
1. 框架选型
Easyui 马,,,jqeueryui 好像有了,三,走十不的上K,好像gfw兰...
..子好..Ligerui..liger的文档有点儿烂,也不是弄全...
2. 自动完成控件的ioc设置
autoKmpltUrl="../common/ajaxSvs.jsp?meth=mtr4autoKmplt";
AKVfld="materialId";
AKTfld="materialDescription"
3. Liger 自动完成控件问题
官网上的code有问题,不能显示控件渲染,,查看源码 <input type="text" id="txt2" οnchange="changeEventO9()"/>这个简化版本的走ok兰...
子能url,不能dwr执行在不个data分配给ac控件...
Id文本框子能使用默认的...林吧只好添加个textChange事件copy过去...
作者:: 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
4. Liger 自动完成控件的调用
<!-- mtr query control start-->
<script>
autoKmpltUrl="../common/ajaxSvs.jsp?meth=mtr4autoKmplt";
AKVfld="materialId";
AKTfld="materialDescription"
</script>
<%@include file="../playcount/autoKmpltSpt.html" %>
<!-- def data fmt
[{"id":0,"name":"a0cname","desc":"0desc"}
-->
<input type="text" id="txt2" οnchange="changeEventO9()"/>
<script>
function changeEventO9( )
{
$("#materialId").val($("#txt2_val").val());
}
</script>
<!--///-->
<input name="materialId" type="text" id="materialId" value="" size="3" style="display:none"/>
<!-- mtr query control end-->
5. -------------------autoKmpltSpt----------
<link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">
<style type="text/css"></style>
<script src="../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>
<script src="../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
<script src="../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>
<script type="text/javascript" defer="defer">
$(function ()
{
var columns = [
{ header: 'ID', name: 'id', width: 80 },
{ header: '名字', name: 'name', width: 170 },
{ header: '描述', name: 'desc', width: 170 }
];
/* $("#txt1").ligerComboBox(
{
url: '../../data/net/ComboBoxData.ashx',
valueField : 'id',
textField: 'name',
columns: columns,
selectBoxWidth: 400,
autocomplete: true,
width: 400
}
);*/
// alert(autoKmpltUrl);
$("#txt2").ligerComboBox(
{
url: autoKmpltUrl,
valueField: AKVfld,
textField: AKTfld,
selectBoxWidth: 200,
autocomplete: true,
width: 200
}
);
// $("#txt3").ligerComboBox(
// {
// url: '../../data/net/ComboBoxData.ashx',
// valueField: 'id',
// textField: 'name',
// selectBoxWidth: 200,
// autocomplete: true,
// width: 200,
// renderItem: function (e)
// {
// var data = e.data, key = e.key;
// var out = [];
// out.push('<div>' + this._highLight(data.name, key) + '</div>');
// out.push('<div class="desc">备注:' + data.desc + '</div>');
// return out.join('');
// }
// }
// );
});
</script>
<style type="text/css">
.desc {
background: #fafafa;
color: ActiveCaption;
border-bottom: 1px solid #d3d3d3;
margin-top: 3px;
margin-bottom: 3px;
}
.l-over .desc, .l-selected .desc {
background: none;
}
</style>
Atitit.auto complete 自动完成控件的实现总结相关推荐
- WinForm 自动完成控件实例代码简析
在Web的应用方面有js的插件实现自动完成(或叫智能提示)功能,但在WinForm窗体应用方面就没那么好了. TextBox控件本身是提供了一个自动提示功能,只要用上这三个属性: AutoComple ...
- jquery.autocomplete自动完成控件
项目中有时会用到自动补全查询,就像Google搜索框.淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能. auto ...
- C#学习笔记-Winform根据数据自动生成控件
1.思路 (1)获取一个集合(数据) (2)遍历集合,设置统一的控件样式.设置控件坐标 (3)关联事件 2.实现 项目开发中,当需求发生改变时,UI界面需要简单更改,这时代码就需要去修改,这样子做比较 ...
- PB9.0动态生成控件
在做毕业设计的时候,遇到了用复选框来显示数据库中的信息,但是数量不能确定.因此,需要减低程序显示时和数据库的耦合度,让程序自己可以根据数据库的记录的信息数量变化自动适应.基于该需求用到了动态生成控件. ...
- Auto ML自动特征工程
Auto ML自动特征工程 特征工程是在做机器学习训练的过程中必不可少的环节,特征工程就是找出对模型结果有益的特征交叉关系,通常特征工程需要耗费算法工程师大量的精力去尝试.针对这样的场景,PAI推出智 ...
- Winforn中使用代码动态生成控件
场景 有时候需要根据配置文件在窗体中使用代码动态生成控件. 比如读取xml配置文件中的节点数量,然后在窗体中生成指定数量的RadioGroup控件. 实现 新建一个窗体,在窗体的加载完之后的事件中 p ...
- Auto ML自动调参
Auto ML自动调参 本文介绍Auto ML自动调参的算法介绍及操作流程. 操作步骤 登录PAI控制台. 单击左侧导航栏的实验并选择某个实验. 本文以雾霾天气预测实验为例. 在实验画布区,单击左上角 ...
- 如何开发auto complete 智能提示功能
目录(?)[+] 如何开发auto complete 智能提示功能 最近网上好像流传用redis实现,其实智能提示和用什么存储关系不大 07年,我过一个类似的项目 我有几千个名字,随着用户在输入框中不 ...
- DL之pix2pix:基于TF利用pix2pix模型对food_resized数据集实现Auto Color自动上色技术—训练测试过程全记录
DL之pix2pix:基于TF利用pix2pix模型对food_resized数据集实现Auto Color自动上色技术 目录 训练 food_resized数据集展示 TB过程监控 1.SCALAR ...
最新文章
- PHP流程控制语句例题,第四堂、php流程控制语句
- 使用Tesseract-OCR训练文字识别记录
- [概述] SAP增强基本含义及分类
- web cache缓存设备的需求与讨论 ( Http://CACHE.MARASYSTEMS.ASIA )
- 10-排序4 统计工龄 (20 分)
- jQuery介绍 DOM对象和jQuery对象的转换与区别
- strcpy()源代码
- [收藏]深入浅出的《网络socket编程指南》4
- mysql中数据导出到json文件的读取办法:
- 有第三方扩展组件的layui 文档地址
- 世界读书日 | 这11本书将颠覆技术人士的思维方式
- 【LaTeX】 案例分析 (8) - 高等数学分析 Mathematica 实验报告
- 【CAD】CAD插件
- PostgreSQL重启恢复---Log Buffer
- 信息安全 SEED Lab2 Shellshock Attack
- 〖Python自动化办公篇⑤〗- 文件自动化管理 - 清理重复的文件与批量修改文件名
- 社区项目发现的问题四 datatable的注意事项
- android模拟器玩手游,手游模拟器使用说明 手游在电脑上玩的方法介绍
- 使用php下载网络图片有哪些方法,php下载网络图片常用的三个方法总结_后端开发...
- SQL数据分析淘宝用户分析实操
热门文章
- Linux下修复修改profile文件导致命令不用可的解决方法
- 一文读懂Asp.net core 依赖注入(Dependency injection)
- Asp.net core 启动流程
- JavaScript学习笔记五:变量、作用域和内存问题
- 【Spring】【JUnit】单元测试
- Mercurial 2.4.2 发布,2.5 候选版发布
- USACO / Stamps(DP)
- [原] 64位win7编译OpenCV SVN版本
- 迫于项目压力研究果园
- Linux入门第四集!Jar包的入门、使用、部署!怎么打Jar包?