Atitit.auto complete  自己主动完毕控件的实现总结

1. 框架选型 1

2. 自己主动完毕控件的ioc设置 1

3. Liger  自己主动完毕控件问题 1

4. 官网上的code有问题,不能显示控件渲染,,查看源代码  <input type="text" id="txt2" onchange="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" onchange="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" onchange="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 自己主动完毕控件的实现总结的更多相关文章

  1. Atitit.auto complete 自动完成控件的实现总结

    Atitit.auto complete  自动完成控件的实现总结 1. 框架选型 1 2. 自动完成控件的ioc设置 1 3. Liger  自动完成控件问题 1 4. 官网上的code有问题,不能 ...

  2. atitit.提升开发效率---使用server控件生命周期 asp.net 11个阶段 java jsf 的6个阶段比較

    atitit.提升开发效率---使用server控件生命周期  asp.net 11个阶段  java jsf 的6个阶段比較 例如以下列举了server控件生命周期所要经历的11个阶段. (1)初始 ...

  3. Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率..

    Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率.. 1. hybrid App 1 1.1. Hybrid Ap ...

  4. atitit.loading的设计与实现控件选型attilax 总结

    atitit.loading的设计与实现控件选型attilax 总结 1. Percentage Loader(推荐) 1 1.1. 起始百分比::调整  progress 1 2. CSS3 Loa ...

  5. Winform开发框架之肖像显示保存控件的实现

    我们在开发一些Winform程序的时候,除了常规的显示普通数据外,有的时候需要显示一些人员肖像或者一些车辆等物体的图片,一般这些内容较小,所以以二进制存储在数据库是一个不错的方案.但由于它们虽然很常用 ...

  6. Windows Store App JavaScript 开发:WinJS库控件

    在介绍了如何使用标准的HTML控件以及WinJS库中提供的新控件之后,下面来着重介绍WinJS库中几种常用的控件. (1)ListView控件 在开发Windows应用商店应用时可以使用ListVie ...

  7. jQueryUI 之控件们

    总结:总的来说,这些控件可以在官网找到列子, 部分ui效果不如意的,可根据jQueryUI上添加的类选择器等,进行再加工 <!DOCTYPE html> <html> < ...

  8. (转)QRCODE二维码介绍及常用控件推荐

    什么是QR Code码? QR Code码是由日本Denso公司于1994年9月研制的一种矩阵二维码符号,它具有一维条码及其它二维条码所具有的信息容量大.可靠性高.可表示汉字及图象多种文字信息.保密防 ...

  9. Android 控件 -------- AutoCompleteTextView 动态匹配内容,例如 百度搜索提示下拉列表功能

    AutoCompleteTextView 支持基本的自动完成功能,适用在各种搜索功能中,并且可以根据自己的需求设置他的默认显示数据.两个控件都可以很灵活的预置匹配的那些数据,并且可以设置输入多少值时开 ...

随机推荐

  1. 迅为IMX6开发板支持4G全网通模块GPS模块

    IMX6开发板特点 处理器:IMX6开发板支持4G全网通模块GPS模块. 核心板配置:2GB DDR3内存  16GB EMMC 存储,扩展引脚多达320个:运行温度-20 ℃到+80 ℃之间. 核心 ...

  2. Vue打包之后部署到 express 服务器上

    Part.1 安装 express npm install express body-parer --save Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码 ...

  3. java_线程的通信

    线程的通信共有三个方法: wait()运行时阻塞,释放锁 notify()唤醒阻塞线程 notifll()唤醒全部阻塞线程 public class ThreadTest01 { public sta ...

  4. 给SVN控制的项目添加忽略文件/文件夹

    忽略目录其实有些像建立一个文件夹,但却不放入版本控制.如果不加入版本控制又会在svn status命令中显示出来,很不方便,所以可以设置本文件夹属性,让它既加入版本控制,又忽略其变化 未加入控制的文件 ...

  5. Learning Discriminative and Transformation Covariant Local Feature Detectors实验环境搭建详细过程

    依赖项: Python 3.4.3 tensorflow>1.0.0, tqdm, cv2, exifread, skimage, glob 1.安装tensorflow:https://www ...

  6. 模板—trie图

    做了某题之后发现trie的AC自动机太垃圾了,动不动就TLE,然后我就去学了trie图. #include<iostream> #include<cstdio> using n ...

  7. js中5中继承方式分析

    //1.借用式继承   把sup的构造函数里的属性方法克隆一份sub实例对象     function Super(){       this.val = 1;       this.fun1 = f ...

  8. Python 1-2模块的循环导入问题

    run.py文件: import m1 # 第一次导入 # 验证解决方案一: ''' 正在导入m1 正在导入m2 ''' # print(m1.x) # print(m1.y) # 验证解决方案二: ...

  9. [Python3网络爬虫开发实战] 1.9.5-Scrapyrt的安装

    Scrapyrt为Scrapy提供了一个调度的HTTP接口,有了它,我们就不需要再执行Scrapy命令而是通过请求一个HTTP接口来调度Scrapy任务了.Scrapyrt比Scrapyd更轻量,如果 ...

  10. DataBase安装及简单配置

    下载以及安装 打开mysql官网下载页面:http://dev.mysql.com/downloads/mysql/ 用管理员身份打开cmd命令行工具,cd到解压文件的bin目录 输入mysqld i ...