网站首页收藏本站

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

FineUI首页 WebForms - MVC - JavaScript 常见问题 - 5000人大群

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

FineUIMvc v1.4.0发布了(MVC控件库,基础版免费) FineUIPro v3.6.0发布了(新增 18 款自定义酷炫主题) 支持开源!购买FineUI.Design商业授权! - 视频培训

查看: 3124|回复: 3

[原创]如何在FineUI中集成jQuery UI的AutoComplete组件

[复制链接]

签到天数: 18 天

[LV.4]偶尔看看III

发表于 2012-12-21 00:20:58 | 显示全部楼层 |阅读模式

支持一下哈:http://www.cnblogs.com/sanshi/archive/2012/12/21/2827360.html

另:有网友问的如何响应 keypress 事件也写了个例子:
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="keydown.aspx.cs" Inherits="FineUI.Examples.other.keydown" %>

  2. <!DOCTYPE html>
  3. <html>
  4. <head runat="server">
  5.     <title></title>
  6.     <link href="../css/main.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9.     <form id="form1" runat="server">
  10.     <x:PageManager ID="PageManager1" runat="server" />
  11.     <x:SimpleForm ID="SimpleForm1" runat="server" Width="600px" BodyPadding="5px" EnableBackgroundColor="true"
  12.         Title="简单表单">
  13.         <Items>
  14.             <x:TextBox ID="TextBox1" runat="server" ShowLabel="false" EmptyText="输入一些文字,下面的文本框会随之改变">
  15.             </x:TextBox>
  16.             <x:TextBox ID="TextBox2" runat="server" ShowLabel="false">
  17.             </x:TextBox>
  18.         </Items>
  19.     </x:SimpleForm>
  20.     </form>
  21.     <script type="text/javascript">

  22.         function onReady() {
  23.             var textbox1 = Ext.getCmp('<%= TextBox1.ClientID %>');
  24.             var textbox2 = Ext.getCmp('<%= TextBox2.ClientID %>');

  25.             
  26.             function updateTextbox2() {
  27.                 window.setTimeout(function () {
  28.                     textbox2.setValue(textbox1.getValue());
  29.                 }, 100);
  30.             }

  31.             // 注:keypress在输入中文时无效,如果想做到真正的同步,就要用到定时器了。
  32.             textbox1.el.on('keypress', function (e) {
  33.                 updateTextbox2();
  34.             });

  35.             textbox1.on('change', function (e) {
  36.                 updateTextbox2();
  37.             });
  38.         }
  39.    
  40.     </script>
  41. </body>
  42. </html>
复制代码






签到天数: 1 天

[LV.1]初来乍到

发表于 2012-12-21 00:43:17 | 显示全部楼层
不错,版主威武。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2012-12-22 13:09:14 来自手机 | 显示全部楼层
你可以把这个例子做到demo中
回复 支持 反对

使用道具 举报

签到天数: 18 天

[LV.4]偶尔看看III

 楼主| 发表于 2012-12-22 13:23:26 | 显示全部楼层
孤独的过客 发表于 2012-12-22 13:09
你可以把这个例子做到demo中

已经做进去了,看声明:FineUI.Examples.other.keydown
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|FineUI 官方论坛 ( 皖ICP备13005369号-1 )  

GMT+8, 2017-7-22 14:47 , Processed in 0.082954 second(s), 19 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表