网站首页
开启辅助访问

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

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

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

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

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

搜索
FineUI 官方论坛»论坛首页 › FineUI（WebForms，开源版） › FineUI 交流讨论区 › FineUI中关于jquery 的自动补全求教
12下一页
返回列表 发新帖
查看: 6739|回复: 10
打印 上一主题 下一主题

FineUI中关于jquery 的自动补全求教

[复制链接]
kk0019
跳转到指定楼层
楼主
发表于 2013-10-30 10:02:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
按照在线示例（http://fineui.com/demo/#/demo/autocomplete/inline.aspx）中的自动补全是没问题的。但是把自动补全功能用于弹出window的时候，发现下拉列表无法显示，但使用↓↑键可以使得文本框显示选中的内容。不知道这是什么原因，被遮挡了么。请各位大大不吝赐教，谢谢~

代码如下：
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ArchiveShelfInfoQuery.aspx.cs"
  2.     Inherits="ArchivesWebSite.Query.ArchiveShelfInfoQuery" %>

  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8.     <title></title>
  9.     <link href="../Css/main.css" rel="stylesheet" type="text/css" />
  10.     <link href="../jqueryui/css/ui-lightness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"
  11.         type="text/css" />
  12. </head>
  13. <body>
  14.     <form id="form1" runat="server">
  15.     <x:PageManager ID="pm_Main" AutoSizePanelID="pnl_Main" runat="server" />
  16.     <x:Panel ID="pnl_Main" runat="server" EnableBackgroundColor="true" BodyPadding="3px"
  17.         Height="" Title="档案查询" ShowBorder="false" ShowHeader="False" Layout="Fit">
  18.         <Toolbars>
  19.             <x:Toolbar ID="tlr_Btn" runat="server">
  20.                 <Items>
  21.                     <x:Button ID="btn_Search" Icon="DatabaseConnect" OnClick="btn_Search_Click" Text="查询"
  22.                         runat="server">
  23.                     </x:Button>
  24.                     <x:Button ID="btnShowInfo" Icon="DatabaseConnect" OnClick="btn_ShowInfo_Click" Text="详细"
  25.                         runat="server" Visible="False">
  26.                     </x:Button>
  27.                     <x:Button ID="btn_Export" Icon="DatabaseTable" OnClick="btn_Export_Click" Text="导出"
  28.                         runat="server" DisableControlBeforePostBack="False" EnableAjax="False" Visible="False">
  29.                     </x:Button>
  30.                     <x:ToolbarFill ID="tbf_t" runat="server">
  31.                     </x:ToolbarFill>
  32.                     <x:DropDownList ID="ddl_PageSize" AutoPostBack="true" Width="80" OnSelectedIndexChanged="ddl_PageSize_SelectedIndexChanged"
  33.                         runat="server">
  34.                         <x:ListItem Text="每页15条" Value="15" />
  35.                         <x:ListItem Text="每页20条" Value="20" Selected="true" />
  36.                         <x:ListItem Text="每页30条" Value="30" />
  37.                         <x:ListItem Text="每页50条" Value="50" />
  38.                     </x:DropDownList>
  39.                     <x:Label ID="lbl_c" runat="server" Width="3">
  40.                     </x:Label>
  41.                     <x:DropDownList ID="ddl_Search" AutoPostBack="true" Width="80" OnSelectedIndexChanged="ddl_Search_SelectedIndexChanged"
  42.                         runat="server" Visible="False">
  43.                         <x:ListItem Text="档案条码" Value="KeyD" />
  44.                         <x:ListItem Text="档案名称" Value="NameD" />
  45.                     </x:DropDownList>
  46.                     <x:Label ID="lbl_r" runat="server" Width="3">
  47.                     </x:Label>
  48.                     <x:TwinTriggerBox ID="ttb_Search" runat="server" Width="150" EmptyText="输入要搜索的关键字"
  49.                         ShowTrigger1="false" OnTrigger1Click="ttb_Search_Trigger1Click" OnTrigger2Click="ttb_Search_Trigger2Click"
  50.                         Trigger1Icon="Clear" Trigger2Icon="Search" Visible="False">
  51.                     </x:TwinTriggerBox>
  52.                 </Items>
  53.             </x:Toolbar>
  54.         </Toolbars>
  55.         <Items>
  56.             <x:Grid ID="gr_Main" ShowHeader="False" runat="server" EnableCheckBoxSelect="true"
  57.                 AllowSorting="true" PageSize="20" ShowBorder="true" AllowPaging="true" EnableTextSelection="true"
  58.                 OnSort="Gr_Sort" IsDatabasePaging="true" OnPageIndexChange="Gr_PageIndexChange"
  59.                 OnRowCommand="Gr_RowCommand" OnRowDataBound="Gr_RowDataBound" OnPreRowDataBound="Gr_PreRowDataBound"
  60.                 DataKeyNames="AC_ID" AutoScroll="true" EnableRowDoubleClick="False" OnRowDoubleClick="Gr_RowDoubleClick">
  61.                 <Columns>
  62.                     <x:TemplateField Width="30px">
  63.                         <ItemTemplate>
  64.                             <%# gr_Main.PageIndex * gr_Main.PageSize+ Container.DataItemIndex + 1%>
  65.                         </ItemTemplate>
  66.                     </x:TemplateField>
  67.                     <x:BoundField HeaderText="条码号" SortField="AC_Barcode" DataField="AC_Barcode" />
  68.                     <x:BoundField HeaderText="档案提名" SortField="AC_Title" DataField="AC_Title" ExpandUnusedSpace="true" />
  69.                     <x:BoundField HeaderText="档案描述" SortField="AC_Description" DataField="AC_Description" />
  70.                     <x:BoundField HeaderText="档案类型" SortField="AC_Type" DataField="AC_Type" />
  71.                     <x:BoundField HeaderText="档案有效期" SortField="AC_Expire_Date" DataField="AC_Expire_Date" />
  72.                     <x:BoundField HeaderText="档案入库时间" SortField="Create_Time" DataField="Create_Time" />
  73.                 </Columns>
  74.             </x:Grid>
  75.         </Items>
  76.     </x:Panel>
  77.     <x:Window ID="winShowInfo" Hidden="true" EnableIFrame="true" Icon="ApplicationFormEdit"
  78.         Target="Parent" runat="server" CloseAction="HidePostBack" IsModal="true" Width="880px"
  79.         Height="550px" OnClose="win_Edit_Close">
  80.     </x:Window>
  81.     <x:Window ID="win_Search" Title="详细查询" Hidden="true" Icon="ApplicationFormMagnify"
  82.         Target="Self" runat="server" IsModal="False" CloseAction="HidePostBack" OnClose="win_Search_Close"
  83.         Width="600px" Height="332px">
  84.         <Items>
  85.             <x:Panel ID="pnl_Search" runat="server" Layout="Fit" ShowBorder="False" ShowHeader="false"
  86.                 Height="300px" EnableBackgroundColor="true">
  87.                 <Items>
  88.                     <x:Form ID="sf_Search" BodyPadding="25px 15px" LabelWidth="100" AutoScroll="true"
  89.                         ShowBorder="false" ShowHeader="false" EnableBackgroundColor="true" runat="server">
  90.                         <Rows>
  91.                             <x:FormRow ColumnWidths="100%">
  92.                                 <Items>
  93.                                     <x:TextBox ID="tbxArchiveShelf" runat="server" Label="架位号" EmptyText="输入架位号">
  94.                                     </x:TextBox>
  95.                                 </Items>
  96.                             </x:FormRow>
  97.                         </Rows>
  98.                     </x:Form>
  99.                     
  100.                 </Items>
  101.                 <Toolbars>
  102.                     <x:Toolbar ID="tbr_Search" Position="Bottom" runat="server">
  103.                         <Items>
  104.                             <x:ToolbarFill ID="tf_sb" runat="server">
  105.                             </x:ToolbarFill>
  106.                             <x:Button ID="btn_XSearch" Text="查询" ValidateForms="sf_Search" runat="server" Icon="TextRuler"
  107.                                 OnClick="btn_XSearch_Click">
  108.                             </x:Button>
  109.                             <x:Button ID="btn_Return" Text="返回" runat="server" Icon="BulletGo" OnClick="btn_Return_Click">
  110.                             </x:Button>
  111.                         </Items>
  112.                     </x:Toolbar>
  113.                 </Toolbars>
  114.             </x:Panel>
  115.         </Items>
  116.     </x:Window>
  117.     </form>
  118.     <script src="../jqueryui/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  119.     <script src="../jqueryui/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
  120.     <script type="text/javascript">
  121.         function onReady() {
  122.             /*Ext.getDoc().on("contextmenu", function (e) {//禁用右键
  123.                 e.stopEvent();
  124.             });*/
  125.             var tbxArchiveShelfID = '<%= tbxArchiveShelf.ClientID %>';
  126.             var availableTags = [
  127.                 "ActionScript",
  128.                 "AppleScript",
  129.                 "Asp",
  130.                 "BASIC",
  131.                 "C",
  132.                 "C++",
  133.                 "Clojure",
  134.                 "COBOL",
  135.                 "ColdFusion",
  136.                 "Erlang",
  137.                 "Fortran",
  138.                 "Groovy",
  139.                 "Haskell",
  140.                 "Java",
  141.                 "JavaScript",
  142.                 "Lisp",
  143.                 "Perl",
  144.                 "PHP",
  145.                 "Python",
  146.                 "Ruby",
  147.                 "Scala",
  148.                 "Scheme"];
  149.             
  150.             $('#' + tbxArchiveShelfID).autocomplete({
  151.                 source: availableTags
  152.             });
  153.         }   
  154.     </script>
  155. </body>
  156. </html>
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复

举报

莮亾
沙发
发表于 2013-10-30 10:48:08 | 只看该作者

修改文件：js/jquery-ui-1.9.2.custom.js 和 js/jquery-ui-1.9.2.custom.min.js
修改原因：在弹出层中输入框的下拉自动完成层不能遮罩文字
修改内容：代码1844行
              .zIndex( this.element.zIndex() + 1 );
                  改为
                  .zIndex( this.element.zIndex() + 10 );
回复 支持 反对

举报

kk0019
板凳
 楼主| 发表于 2013-10-30 10:59:09 | 只看该作者
莮亾 发表于 2013-10-30 10:48
修改文件：js/jquery-ui-1.9.2.custom.js 和 js/jquery-ui-1.9.2.custom.min.js
修改原因：在弹出层中输入 ...

谢谢莮亾的回答。
我改了，但是还是没变化。下拉列表还是没有显示。用向上向下键文本框是有变化的。






本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 支持 反对

举报

莮亾
地板
发表于 2013-10-30 12:03:02 | 只看该作者
Window的Target设为Parent或者Top时，EnableIFrame必须为true
或者设置Window的Target=self
回复 支持 反对

举报

kk0019
5#
 楼主| 发表于 2013-10-30 12:45:45 | 只看该作者
我是这么设置的吧{:soso_e101:}
回复 支持 反对

举报

莮亾
6#
发表于 2013-10-30 12:54:52 | 只看该作者
本帖最后由 莮亾 于 2013-10-30 12:56 编辑

Window的Target=self这个试一下！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 支持 反对

举报

莮亾
7#
发表于 2013-10-30 12:55:39 | 只看该作者
Window的Target=self
回复 支持 反对

举报

kk0019
8#
 楼主| 发表于 2013-10-30 13:07:34 | 只看该作者
莮亾 发表于 2013-10-30 12:54
Window的Target=self这个试一下！

这个也试了，一样的
回复 支持 反对

举报

kk0019
9#
 楼主| 发表于 2013-10-30 13:15:00 | 只看该作者
本帖最后由 kk0019 于 2013-10-30 13:19 编辑

我改了下面两个地方，self改成parent,增加enableIFrame，倒是出现点反应了，但是还是有问题。





本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 支持 反对

举报

kk0019
10#
 楼主| 发表于 2013-10-30 14:37:55 | 只看该作者
是不是要修改jquery里的appendto属性的？
回复 支持 反对

举报

下一页 »
12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-27 18:49 , Processed in 0.049010 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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