FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

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

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 2467|回复: 3

数据缓存做输入框提示

[复制链接]
发表于 2016-5-6 17:22:19 | 显示全部楼层 |阅读模式
  • <head runat="server">
  •     <title></title>
  •     <link href="../../res/css/common.css" rel="stylesheet" type="text/css" />
  •     <link rel="stylesheet" href="../res/jqueryuiautocomplete/jquery-ui.min.css" />
  •     <link rel="stylesheet" href="../res/jqueryuiautocomplete/theme-start/theme.css" />
  •     <style>
  •         .ui-autocomplete-loading {
  •             background: white url('../../res/images/ui-anim_basic_16x16.gif') right center no-repeat;
  •         }
  •     </style>
  • </head>
  • <body>
  •     <form id="form1" runat="server">
  •         <fageManager ID="ageManager1" runat="server" />
  •         <f:SimpleForm ID="SimpleForm1" runat="server" LabelWidth="60px" Width="600px" BodyPadding="5px"  EnableCollapse="true"
  •             Title="简单表单">
  •             <Items>
  •                 <f:TextBox ID="TextBox1" runat="server" Label="标题" EmptyText="输入字母 ja 或者 sc 试试,必须输入两个字符后才有自动提示">
  •                 </f:TextBox>
  •             </Items>
  •         </f:SimpleForm>
  •         <br />
  •         参考:http://jqueryui.com/autocomplete/#remote-with-cache
  •     </form>
  •     <script src="../../res/js/jquery.min.js" type="text/javascript"></script>
  •     <script src="../res/jqueryuiautocomplete/jquery-ui.min.js" type="text/javascript"></script>
  •     <script type="text/javascript">
  •         var textbox1ID = '<%= TextBox1.ClientID %>';
  •         F.ready(function () {
  •         
  •             var cache = {};
  •             $('#' + textbox1ID + ' input').autocomplete({
  •                 minLength: 2,
  •                 source: function (request, response) {
  •                     var term = request.term;
  •                     if (term in cache) {
  •                         response(cache[term]);
  •                         return;
  •                     }
  •                     $.getJSON("search.ashx", request, function (data, status, xhr) {
  •                         cache[term = data;
  •                         response(data);
  •                     });
  •                 }
  •             });
  •         });
  •     </script>
  • </body>
[size=13.3333px]

[size=13.3333px]这是官网的例子,但是没有给一般处理程序的代码,不知道如何处理的有会的么请指导一下

 楼主| 发表于 2016-5-6 17:23:01 | 显示全部楼层
自己顶一下
发表于 2016-5-6 21:42:23 | 显示全部楼层
下载官网示例全部源代码:http://pan.baidu.com/s/1bntUOr1
 楼主| 发表于 2016-5-9 08:59:57 | 显示全部楼层
三石老师,我想做自动补全的呢个,输入字母,提示的是汉字补全怎做啊,就像百度或其他搜索呢样,输入的是拼音一样提示的是汉字
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-29 08:54 , Processed in 0.046829 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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