开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 5592|回复: 7

aspxGridview 实现双击行,弹出层

[复制链接]

0

精华

10

贡献

38

赞扬

实习版主

帖子
18
软币
158
在线时间
10 小时
注册时间
2013-9-30
发表于 2014-5-12 22:14:33 | 显示全部楼层 |阅读模式
效果如图:
6.jpg


就是这个效果,报错是因为我还没有设置那个显示详细信息的页面。
编写过程有三点比较重要:

1.为行添加脚本事件,我的方法是:
[C#] 纯文本查看 复制代码
<ClientSideEvents RowDblClick="function(s,e){
                                            var rowIndex=gridView.GetFocusedRowIndex();
                                            gridView.GetRowValues(rowIndex,'BMCode',function(values){
                                            var url='DicCategoryDetails.aspx?nid='+values;
                                            ASPxPopupControl1.SetContentUrl(url);
                                            ASPxPopupControl1.Show();
                                            
                                            })
                                            }" />



2、添加一个弹出的控件
[HTML] 纯文本查看 复制代码
<dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server"
                            AllowDragging="True" CloseAction="OuterMouseClick" 
                            EnableViewState="False" PopupHorizontalAlign="WindowCenter"
                            PopupVerticalOffset="40" ShowFooter="True" Width="90%" Height="400px"
                            FooterText="欢迎使用江西省普通高校招生辅助管理系统" 
                            HeaderText="查看系统应用详细信息,可窗口拖动并调整尺寸大小哦!" 
                            ClientInstanceName="ASPxPopupControl1"
                            PopupAnimationType="Fade" Modal="True" ShowOnPageLoad="false"
                            RenderMode="Lightweight" AllowResize="True">
                            <ContentCollection>
                                <dx:PopupControlContentControl ID="PopupControlContentControl1" 
                                runat="server" 
                                SupportsDisabledAttribute="True">
                                </dx:PopupControlContentControl>
                            </ContentCollection>
                        </dx:ASPxPopupControl>



3、通过SetContentUrl传入想要使用的网址和记录的参数
需要注意的是:
SettingsBehavior中要设置AllowFocusedRow="True",这点很重要。


评分

参与人数 3赞扬 +3 收起 理由
suheonline + 1 赞一个
onestar1 + 1 赞一个
Cactus_CC + 1 赞一个

查看全部评分

回复

使用道具 举报

0

精华

3

贡献

50

赞扬

帖子
50
软币
583
在线时间
72 小时
注册时间
2014-3-12
发表于 2014-5-21 09:59:56 | 显示全部楼层
木总,很好的案例,加油,我有在默默学习
回复

使用道具 举报

0

精华

8

贡献

55

赞扬

帖子
43
软币
2410
在线时间
624 小时
注册时间
2013-6-10
发表于 2014-7-12 18:46:21 | 显示全部楼层
e.visibleIndex就可以了吧
回复

使用道具 举报

0

精华

0

贡献

17

赞扬

帖子
59
软币
289
在线时间
24 小时
注册时间
2014-4-25
发表于 2014-12-4 22:36:42 | 显示全部楼层
这是 找不到文件的错误,看看你的路径是不是错了。
回复

使用道具 举报

0

精华

97

贡献

28

赞扬

帖子
191
软币
566
在线时间
70 小时
注册时间
2014-9-15
发表于 2014-12-11 15:10:09 | 显示全部楼层
用JavaScript实现Gridview点击事件,好
回复

使用道具 举报

0

精华

0

贡献

0

赞扬

帖子
8
软币
83
在线时间
4 小时
注册时间
2015-4-13
发表于 2015-4-13 12:12:14 | 显示全部楼层
学习了,用js控制是个好办法,就是不知道关闭弹出层的时候,父页面能否支持接收返回参数信息?
回复

使用道具 举报

0

精华

0

贡献

45

赞扬

帖子
29
软币
416
在线时间
35 小时
注册时间
2014-7-17
QQ
发表于 2015-6-22 10:25:28 | 显示全部楼层
网上有一大把可搜,最好贴出自己写的代码
回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-4-19 23:10

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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