网站首页收藏本站

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

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

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

FineUIMvc/Core v5.3.0 发布(基于像素的响应式布局) FineUIPro v5.3.0 发布(十年磨一剑,升级正当时) 欢迎加入【三石和他的朋友们】(基础版下载)

查看: 1946|回复: 2

下拉表格单击事件无效?

[复制链接]
发表于 2018-4-4 23:27:13 | 显示全部楼层 |阅读模式
本帖最后由 yygy 于 2018-4-5 14:49 编辑

参考:http://fineui.com/bbs/forum.php? ... =%E4%B8%8B%E6%8B%89

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="FineUIPro.EmptyProjectNet40.WebForm1" %>

  2. <!DOCTYPE html>

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.     <title></title>
  7. </head>
  8. <body>
  9.     <form id="form1" runat="server">
  10.         <div id="mask" class="mask" style="display: none;"></div>
  11.         <f:PageManager ID="PageManager1" runat="server"  AutoSizePanelID="RegionPanel1"></f:PageManager>
  12.         <f:DropDownList runat="server" ID="DropDownList1" EnableEdit="true" AutoSelectFirstItem="false" EmptyText="输入A或B">
  13.         </f:DropDownList>
  14.         <f:Grid ID="Grid1" ShowBorder="true"  Title="表格" Width="800px" runat="server" EnableCollapse="true"
  15.            OnRowClick="Grid1_RowClick" EnableRowClickEvent="true" DataKeyNames="Id"  ShowHeader="false">
  16.             <Columns>
  17.                 <f:RowNumberField />
  18.                 <f:BoundField Width="100px" DataField="name" DataFormatString="{0}" HeaderText="姓名" />
  19.             </Columns>
  20.         </f:Grid>
  21.     </form>
  22. </body>
  23. <script src="DDLGrid.js"></script>
  24.     <script type="text/javascript">
  25.         F.ready(function () {
  26.             if (F.ui.DropDownList1.initGrid) {
  27.                 F.ui.DropDownList1.initGrid('Grid1');
  28.             }
  29.             //点击表格内容
  30.             $('#Grid1').find("div[class='f-grid-table f-grid-row-lines']").bind("click", (function () {
  31.                 alert("ok");//单击无效????????????????
  32.             }));
  33.         })
  34.     </script>
  35. </html>

  36. if (F.DropDownList) {
  37.     $.extend(F.DropDownList.prototype, {
  38.         //下拉树
  39.         initGrid: function (Gridid) {
  40.             var t = this;
  41.             var dllGrid = F.ui[Gridid];
  42.             //记录哪写控件用到了Grid为收缩 准备
  43.             if (!dllGrid.ddlids) {
  44.                 dllGrid.ddlids = [];
  45.             }
  46.             dllGrid.ddlids.push(t.id);
  47.             //记录该控件的Grid
  48.             t.dllGrid = dllGrid;

  49.             dllGrid.hide();
  50.             if (!t.listeners) {
  51.                 t.listeners = {};
  52.             }
  53.             t.on("trigger2click", function (e, k) {
  54.                 __doPostBack('TextBox1_ENTER', F.ui.DropDownList1.getText());
  55.                 dllGrid.ddlid = t.id;
  56.                 dllGrid.hide();
  57.                 dllGrid.setWidth($("#" + t.id).width());
  58.                 $(dllGrid.renderTo).css('top', $("#" + t.id).offset().top + $("#" + t.id).height());
  59.                 $(dllGrid.renderTo).css('left', $("#" + t.id).offset().left);
  60.                 $(dllGrid.renderTo).css('position', 'fixed');
  61.                 $(dllGrid.renderTo).css('z-index', '9999');
  62.                 $(dllGrid.renderTo).css('overflow', 'auto');
  63.                 $(dllGrid.renderTo).css('max-height', ($('body').height() - 100) + 'px');
  64.                 dllGrid.show();
  65.             });
  66.             t.on("blur", function (e) {
  67.                 //增加隐藏Grid事件
  68.                 if (!dllGrid.isBox) {
  69.                     dllGrid.hide();
  70.                 }
  71.             });
  72.               dllGrid.find("table[class='f-grid-table f-grid-row-lines']").on("click", function () {
  73.                 alert("ok");//单击无效????????????????
  74.             });

  75.         }
  76.     })
  77. };
复制代码





本帖子中包含更多资源

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

x
发表于 2018-4-5 11:03:26 | 显示全部楼层
FineUIPro基础版只能在知识星球内下载,上传时请注意不要包含此文件。

另:我这边不负责解决自行扩展JS代码的问题,可以到咨询原作者
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-4-5 14:49:17 | 显示全部楼层
忘记了,不好意思,下次不会了。
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2018-12-13 13:01 , Processed in 0.093958 second(s), 16 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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