ext.net GridPanel 实现鼠标移动显示图片

客户端:

<ext:GridPanel ID="gridpanel" Cls="border" StoreID="storeFinUnitUser" Header="false" runat="server" Border="true"
                            TrackMouseOver="true" Collapsible="true" Region="Center" Split="true" CollapseMode="Mini"
                            MultiSelect="false" Margins="0 0 0 0">
      
                             <ColumnModel ID="ColumnModel1" runat="server" AutoHeight="true">
                                <Columns>
                                    <ext:RowNumbererColumn ID="RowNumbererColumn2" runat="server" Align="Center" Width="40">
                                    </ext:RowNumbererColumn>
                                    <ext:Column ID="Column2" runat="server" Header="文件名称" DataIndex="FileName" Align="Center" MenuDisabled="true" Width="150">
                                    </ext:Column>
                                    <ext:Column ID="Column3" runat="server" Header="类型" DataIndex="FileType" Align="Center" MenuDisabled="true" Width="100">
                                    </ext:Column>
                                    <ext:Column ID="Column4" runat="server" Header="文件路径" DataIndex="FilePath" Align="Center" MenuDisabled="true" Width="300" />
                                </Columns>
                            </ColumnModel>
                              <SelectionModel>
                                <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" >  
                                 </ext:RowSelectionModel>


                            </SelectionModel>
                            <DirectEvents>
                                <ItemMouseEnter OnEvent="GridPanel1_ItemMouseEnter">
                                    <ExtraParams>
                                       <ext:Parameter Name="FilePath" Value="record.data.FilePath" Mode="Raw">
                                       </ext:Parameter>
                                       </ExtraParams>
                                </ItemMouseEnter>                   
                            </DirectEvents>
                            <Listeners>                                                               
                                 <BeforeItemMouseLeave  Handler="mouseCloseWindow();"></BeforeItemMouseLeave>
                            </Listeners> 
                            <BottomBar>
                                <ext:PagingToolbar ID="PagingToolBar" StoreID="storeFinUnitUser" runat="server">
                                </ext:PagingToolbar>
                            </BottomBar>
             </ext:GridPanel>

 function mouseCloseWindow()
    {
        App.direct.closeWindow();
    }

后台:




        protected void GridPanel1_ItemMouseEnter(object sender, DirectEventArgs e)
        {
            string FilePath = e.ExtraParams["FilePath"];
            Window1.Show();
            Image1.ImageUrl = FilePath;
        }

/// 关闭图片窗口
        /// </summary>
        [DirectMethod]
        public void closeWindow()
        {
            Window1.Close();
        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奔跑的熊猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值