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列表双击事件弹出详情的主要内容，如果未能解决你的问题，请参考以下文章