FineUI grid列表双击事件弹出详情

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了FineUI grid列表双击事件弹出详情相关的知识,希望对你有一定的参考价值。

                             <x:Panel ID="Panel2" runat="server" RowHeight="100%" ShowBorder="false" ShowHeader="false" Layout="Fit">
                                <Items>
                                    <x:Grid runat="server" OnRowDoubleClick="RowDoubleClick" OnRowDataBound="wxgrid_OnRowDataBound" BodyStyle="background-color:#F0F9FE;border:1px solid #AAA;padding-bottom:5px"
                                        ID="grid_TJCX" ShowBorder="false" EnableRowDoubleClickEvent="True"  ShowHeader="false">
                                        <Columns>
                                            <x:TemplateField HeaderText="行号" Width="90px" TextAlign="Center">
                                                <ItemTemplate>
                                                    <asp:Label runat="server" ID="lblHH" Text=‘<%#Container.DataItemIndex + 1 %>‘></asp:Label>
                                                </ItemTemplate>
                                            </x:TemplateField>
                                            <x:BoundField HeaderText="日期" DataField="YJSYSJ" Width="80px" DataFormatString="{0:yyyy-MM-dd}" />
                                            <x:BoundField HeaderText="使用科室" DataField="KSMC" TextAlign="Center" />
                                            <x:BoundField HeaderText="名称" DataField="SBMC" Width="100px" TextAlign="Center" />
                                            <x:BoundField HeaderText="规格" DataField="GGXH" Width="70px" TextAlign="Center" />
                                            <x:BoundField HeaderText="批号" DataField="PH" Width="80px" TextAlign="Center" />
                                            <x:BoundField HeaderText="有效期" DataField="YXQ" Width="155px" TextAlign="Center" />
                                            <x:BoundField HeaderText="单位" DataField="DW" Width="50px" />
                                            <x:BoundField HeaderText="生产企业" DataField="SCCJ" Width="70px" />
                                            <x:BoundField HeaderText="供应商" DataField="GYSMC" Width="105px" TextAlign="Center" />
                                            <x:BoundField HeaderText="注册证件号" DataField="ZCZJH" Width="80px" />
                                            <x:BoundField HeaderText="中标编号" DataField="WSCGBH" Width="80px" />
                                            <x:BoundField HeaderText="灭菌批号" DataField="MJPH" Width="80px" />
                                            <x:BoundField HeaderText="条码号" DataField="TMH" Width="120px" />
                                            <x:BoundField HeaderText="住院号" DataField="ZYH" Width="70px" />
                                            <x:BoundField HeaderText="患者姓名" DataField="HZXM" Width="105px" TextAlign="Center" />
                                            <x:BoundField HeaderText="手术名称" DataField="SSMC" Width="105px" TextAlign="Center" />
                                            <x:BoundField HeaderText="主治医师" DataField="ZZYS" Width="105px" TextAlign="Center" />
                                            <x:BoundField HeaderText="单价" DataField="CGDJ" Width="70px" />
                                            <x:BoundField HeaderText="是否手术" DataField="SFSS" Width="70px" />
                                            <x:BoundField htmlEncode="false" HeaderText="查询证照信息" DataField="ZJ_Info" Width="120px" />
                                        </Columns>
                                    </x:Grid>
                                </Items>
                            </x:Panel>

 弹窗

<x:Window runat="server" ID="Window2" EnableIFrame="true" AutoScroll="true" EnableMaximize="false"
        EnableResize="false" Popup="false" Title="详细信息" Width="900px" CssStyle="Width:auto;"
        AutoWidth="true" Height="400px" Layout="Fit" IsModal="true" Plain="false">
    </x:Window>

 后台代码

//弹窗
        protected void RowDoubleClick(object sender, FineUI.GridRowClickEventArgs e)
        {

            if (this.grid_TJCX.Rows.Count > 0)
            {
                int num = this.grid_TJCX.SelectedRowIndex;
                //日期
                string YJSYSJ = this.grid_TJCX.Rows[num].Values[1];
                //科室名称
                string KSMC = this.grid_TJCX.Rows[num].Values[2];
                //名称
                string SBMC = this.grid_TJCX.Rows[num].Values[3];
                //规格
                string GGXH = this.grid_TJCX.Rows[num].Values[4];
                //批号    
                string PH = this.grid_TJCX.Rows[num].Values[5];
                //有效期
                string YXQ = this.grid_TJCX.Rows[num].Values[6];
                //单位
                string DW = this.grid_TJCX.Rows[num].Values[7];
                //生产企业
                string SCCJ = this.grid_TJCX.Rows[num].Values[8];
                //供应商名称
                string GYSMC = this.grid_TJCX.Rows[num].Values[9];
                //注册证件号
                string ZCZJH = this.grid_TJCX.Rows[num].Values[10];
                //中标编码
                string WSCGBH = this.grid_TJCX.Rows[num].Values[11];
                //灭菌编号
                string MJPH = this.grid_TJCX.Rows[num].Values[12];
                //条码号
                string TMH = this.grid_TJCX.Rows[num].Values[13];
                //住院号
                string ZYH = this.grid_TJCX.Rows[num].Values[14];
                //患者名称
                string HZXM = this.grid_TJCX.Rows[num].Values[15];
                //手术名称
                string SSMC = this.grid_TJCX.Rows[num].Values[16];
                //主治医师
                string ZZYS = this.grid_TJCX.Rows[num].Values[17];
                //采购单价
                string CGDJ = this.grid_TJCX.Rows[num].Values[18];
                //是否手术
                string SFSS = this.grid_TJCX.Rows[num].Values[19];
                PageContext.RegisterStartupScript(Window2.GetShowReference("../GZHC/zscxxxxx.aspx?YJSYSJ=" + YJSYSJ + "&KSMC=" + KSMC +
                    "&SBMC=" + SBMC + "&GGXH=" + GGXH + "&PH=" + PH + "&YXQ=" + YXQ + "&DW=" + DW + "&SCCJ=" + SCCJ +
                    "&GYSMC=" + GYSMC + "&ZCZJH=" + ZCZJH + "&WSCGBH=" + WSCGBH + "&MJPH=" + MJPH + "&TMH=" + TMH + "&ZYH=" + ZYH +
                    "&HZXM=" + HZXM + "&SSMC=" + SSMC + "&ZZYS=" + ZZYS + "&CGDJ=" + CGDJ + "&SFSS=" + SFSS ));
          
                
            }
        }

 弹窗页面调用

protected void Page_Load(object sender, EventArgs e)
        {
            //日期
            this.YJSYSJ.Value = !string.IsNullOrEmpty(Request.QueryString["YJSYSJ"]) ? Request.QueryString["YJSYSJ"] : "";
            //科室名称
            this.KSMC.Value = !string.IsNullOrEmpty(Request.QueryString["KSMC"]) ? Request.QueryString["KSMC"] : "";
            //名称
            this.SBMC.Value = !string.IsNullOrEmpty(Request.QueryString["SBMC"]) ? Request.QueryString["SBMC"] : "";
            //规格
            this.GGXH.Value = !string.IsNullOrEmpty(Request.QueryString["GGXH"]) ? Request.QueryString["GGXH"] : "";
            //批号    
            this.PH.Value = !string.IsNullOrEmpty(Request.QueryString["PH"]) ? Request.QueryString["PH"] : "";
            //有效期
            this.YXQ.Value = !string.IsNullOrEmpty(Request.QueryString["YXQ"]) ? Request.QueryString["YXQ"] : "";
            //单位
            this.DW.Value = !string.IsNullOrEmpty(Request.QueryString["DW"]) ? Request.QueryString["DW"] : "";
            //生产企业
            this.SCCJ.Value = !string.IsNullOrEmpty(Request.QueryString["SCCJ"]) ? Request.QueryString["SCCJ"] : "";
            //供应商名称
            this.GYSMC.Value = !string.IsNullOrEmpty(Request.QueryString["GYSMC"]) ? Request.QueryString["GYSMC"] : "";
            //注册证件号
            this.ZCZJH.Value = !string.IsNullOrEmpty(Request.QueryString["ZCZJH"]) ? Request.QueryString["ZCZJH"] : "";
            //中标编码
            this.WSCGBH.Value = !string.IsNullOrEmpty(Request.QueryString["WSCGBH"]) ? Request.QueryString["WSCGBH"] : "";
            //灭菌编号
            this.MJPH.Value = !string.IsNullOrEmpty(Request.QueryString["MJPH"]) ? Request.QueryString["MJPH"] : "";
            //条码号
            this.TMH.Value = !string.IsNullOrEmpty(Request.QueryString["TMH"]) ? Request.QueryString["SYTMHRQ"] : "";
            //住院号
            this.ZYH.Value = !string.IsNullOrEmpty(Request.QueryString["ZYH"]) ? Request.QueryString["ZYH"] : "";
            //患者名称
            this.HZXM.Value = !string.IsNullOrEmpty(Request.QueryString["HZXM"]) ? Request.QueryString["HZXM"] : "";
            //手术名称
            this.SSMC.Value = !string.IsNullOrEmpty(Request.QueryString["SSMC"]) ? Request.QueryString["SSMC"] : "";
            //主治医师
            this.ZZYS.Value = !string.IsNullOrEmpty(Request.QueryString["ZZYS"]) ? Request.QueryString["ZZYS"] : "";
            //采购单价
            this.CGDJ.Value = !string.IsNullOrEmpty(Request.QueryString["CGDJ"]) ? Request.QueryString["CGDJ"] : "";
            //是否手术
            this.SFSS.Value = !string.IsNullOrEmpty(Request.QueryString["SFSS"]) ? Request.QueryString["SFSS"] : "";
        }

 弹窗页面前台

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="zscxxxxx.aspx.cs" Inherits="Topsky.BL.Web.GZHC.zscxxxxx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
    <style  type="text/css">       
     .search-margin
        {
            margin-top: 5px;
        }
        .tab-item, .dwbd
        {
            background-color: #F0F9FE;
        }
        .ftable
        {
            margin: 0 auto;
        }
        .ftable tr td
        {
            padding: 1px;
        }
        .fred
        {
            color: Red;
        }
        .dghddiv2
        {
            width: 4573px;
        }
        #formzxx table tr td
        {
            font-size:12px;
            
        }
        #main fieldset legend 
        {
            font-size:16px;
            
        }
    
    </style>
</head>
<body>
     
   <script  type="text/javascript">
     function changeEnter() {
         if (event.keyCode == 13) {// 判断所按是否回车键
             event.keyCode = 9;
         }

     };
    </script> 

    <div id="main" class="hide">
        <fieldset style="">
            <legend>详细信息</legend>
            <form id="formzxx">
            <table border="0" cellpadding="1" cellspacing="1" width="780">
                <tr>
                    <td>
                        日期:
                    </td>
                    <td>
                        <input type="text" onkeydown="changeEnter()" class="enable" runat="server" readonly="readonly"
                            id="YJSYSJ" name="txtsyks" />
                    </td>
                    <td>
                        科室名称:
                    </td>
                    <td>
                        <input type="text" onkeydown="changeEnter()" id="KSMC" runat="server" name="txtsblx"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        设备名称:
                    </td>
                    <td>
                        <input type="text" onkeydown="changeEnter()" id="SBMC" runat="server" name="txtzcbh"
                            class="enable" readonly="readonly" />
                    </td>
                </tr>
                <tr>
                    <td>
                        规格:
                    </td>
                    <td>
                        <input type="text" onkeydown="changeEnter()" id="GGXH" runat="server" name="txtysbbh"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        批号:
                    </td>
                    <td>
                        <input type="text" id="PH" onkeydown="changeEnter()" runat="server" name="txtsbmc"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        有效期:
                    </td>
                    <td>
                        <input type="text" id="YXQ" onkeydown="changeEnter()" runat="server" class="enable"
                            readonly="readonly" name="txtsbxh" />
                    </td>
                </tr>
                <tr>
                    <td>
                        单位:
                    </td>
                    <td>
                        <input type="text" id="DW" onkeydown="changeEnter()" runat="server" class="enable"
                            readonly="readonly" name="txtsbpp" />
                    </td>
                    <td>
                        生产厂家:
                    </td>
                    <td>
                        <input type="text" id="SCCJ" onkeydown="changeEnter()" runat="server" class="enable"
                            readonly="readonly" name="txtsbcj" />
                    </td>
                    <td>
                        供应商名称:
                    </td>
                    <td>
                        <input type="text" id="GYSMC" onkeydown="changeEnter()" runat="server" value="" class="enable"
                            readonly="readonly" name="txtsyrq" />
                    </td>
                </tr>
                <tr>
                    <td>
                        注册证件号:
                    </td>
                    <td>
                        <input type="text" id="ZCZJH" onkeydown="changeEnter()" runat="server" name="txtzczt"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        中标编码:
                    </td>
                    <td>
                        <input type="text" id="WSCGBH" onkeydown="changeEnter()" runat="server" value=""
                            name="txtyz" class="enable" readonly="readonly" />
                    </td>
                    <td>
                        灭菌编号:
                    </td>
                    <td>
                        <input type="text" id="MJPH" onkeydown="changeEnter()" runat="server" value="" class="enable"
                            readonly="readonly" name="txtjz" />
                        <%-- <input id="txtsjghrq" class="Wdate" type="text" onfocus="WdatePicker({minDate:‘#F{$dp.$D(\‘txtbxrq\‘)}‘,dateFmt:‘yyyy-MM-dd HH:mm‘,maxDate:‘2020-10-01 00:00:00‘})" name="txtsjghrq" />--%>
                    </td>
                </tr>
                <tr>
                    <%--<td>备注</td> <td colspan="5"><textarea style="width: 652px; height: 80px;" cols="28" rows="6" id="BZ" name="BZ"></textarea></td> --%>
                    <td>
                        条码号:
                    </td>
                    <td>
                        <input type="text" id="TMH" onkeydown="changeEnter()" runat="server" value="" name="txtljzj"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        住院号:
                    </td>
                    <td>
                        <input type="text" id="ZYH" onkeydown="changeEnter()" runat="server" value="" name="txtsbgl"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        患者名称:
                    </td>
                    <td>
                        <input type="text" id="HZXM" value="" onkeydown="changeEnter()" runat="server" name="txtgys"
                            class="enable" readonly="readonly" />
                    </td>
                </tr>
                <tr>
                    <%--<td>备注</td> <td colspan="5"><textarea style="width: 652px; height: 80px;" cols="28" rows="6" id="BZ" name="BZ"></textarea></td> --%>
                    <td>
                        手术名称:
                    </td>
                    <td>
                        <input type="text" id="SSMC" value="" onkeydown="changeEnter()" runat="server" name="txtbxrq"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        主治医师:
                    </td>
                    <td>
                        <input type="text" id="ZZYS" value="" onkeydown="changeEnter()" runat="server" name="txtcfdd"
                            class="enable" readonly="readonly" />
                    </td>
                    <td>
                        采购单价:
                    </td>
                    <td>
                        <input type="text" id="CGDJ" value="" onkeydown="changeEnter()" runat="server" name="txtwxgs"
                            class="enable" readonly="readonly" />
                    </td>
                </tr>
                <tr>
                    <td>
                        是否手术:
                    </td>
                    <td>
                        <input type="text" id="SFSS" value="" onkeydown="changeEnter()" runat="server" name="txtwxlxr"
                            class="enable" readonly="readonly" />
                    </td>
                </tr>
            </table>
            </form>
        </fieldset>
    </div>
    <%--<form id="form1" runat="server">
    <div>
        <x:GroupPanel ID="GroupPanel1" runat="server" Title="详细信息" EnableBackgroundColor="false"
            CssStyle="margin-top:5px">
            <Items>
                <x:Form ID="formQuery" ShowBorder="false" ShowHeader="false" runat="server">
                    <Rows>
                        <x:FormRow ID="FormRow3" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="labBRXM" Text="日期" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="YJSYSJ" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="labZYH" runat="server" Text="科室名称" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="KSMC" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="labZCZH" Text="设备名称" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="SBMC" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow1" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label1" Text="规格" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="GGXH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="Label2" runat="server" Text="批号" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="PH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="Label3" Text="有效期" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="YXQ" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow2" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label4" Text="单位" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="DW" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="Label5" runat="server" Text="生产企业" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="SCCJ" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="Label6" Text="供应商名称" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="GYSMC" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow4" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label7" Text="注册证件号" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="ZCZJH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="Label8" runat="server" Text="中标编码" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="WSCGBH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="Label9" Text="灭菌批号" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="MJPH" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow5" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label10" Text="条码号" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="TMH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="Label11" runat="server" Text="住院号" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="ZYH" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="Label12" Text="患者名称" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="HZXM" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow6" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label13" Text="手术名称" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="SSMC" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label ID="Label14" runat="server" Text="主治医师" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="ZZYS" Width="133px" Hidden="true">
                                </x:TextBox>
                                <x:Label runat="server" ID="Label15" Text="采购单价" ShowLabel="false" CssStyle="padding-top:5px;"
                                    Width="52px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="CGDJ" Width="133px" Hidden="true">
                                </x:TextBox>
                            </Items>
                        </x:FormRow>
                        <x:FormRow ID="FormRow7" runat="server" ColumnWidths="55 141 42 141 55 141 42 141">
                            <Items>
                                <x:Label runat="server" ID="Label16" Text="是否手术" ShowLabel="false" CssStyle="padding-top:5px"
                                    Width="65px">
                                </x:Label>
                                <x:TextBox runat="server" ShowLabel="false" ID="SFSS" Width="133px" Hidden="true">
                                </x:TextBox>
                                
                            </Items>
                        </x:FormRow>
                    </Rows>
                </x:Form>
            </Items>
        </x:GroupPanel>
    </div>
    </form>--%>
</body>
</html>

  

以上是关于FineUI grid列表双击事件弹出详情的主要内容,如果未能解决你的问题,请参考以下文章

vue给同一元素绑定单击click和双击事件dblclick,执行不同逻辑

FineUI给表格行内链接设置弹出窗体

FineUI使用记录

fineui 的grid 中如何删除勾选的项

如何处理 Kendo UI Grid 行双击事件

KendoUI Grid 绑定单击双击事件