还是javascript和GridView

okidasougo 2010-11-18 04:21:28

请问我页面上有一个GridView。

我想实现鼠标单击某一条数据，怎样将这条数据填充到页面对应的textbox和DropDownList里去。

请问用javascript怎么实现。。。最好是代码～

...全文

170 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

ds252743641 2010-11-18

打赏
举报

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!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>



    <script language="javascript">

        function test ()

        {

            var buttons = document .getElementsByName ("mybutton");

            for(i = 0; i < buttons.length; i++)

            {

                if(buttons[i] == event.srcElement)

                {

                    var index = i+1;

                    var a = document.getElementById ("GridView1").getElementsByTagName("tr")[index].getElementsByTagName("td")[0].innerText;



                    document .getElementById ("txt").value = a;

                    

                    var option = document .createElement ("option");

                    option.innerText = a;

                    document .getElementById ("Select1").appendChild (option);

                }

            }

            

        }

    </script>



</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" >

            <Columns>

                <asp:TemplateField HeaderText="ID">

                    <ItemTemplate>

                        <%#Eval("ID") %>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="PID">

                    <ItemTemplate>

                        <%#Eval("PkID")%>

                    </ItemTemplate>

                </asp:TemplateField>

                <asp:TemplateField HeaderText="操作">

                    <ItemTemplate>

                        <input name ="mybutton" type ="button" value ="选择" onclick ="test()" />

                    </ItemTemplate>

                </asp:TemplateField>

            </Columns>

        </asp:GridView>

        <br />

        <input type ="text" id="txt" /><span lang="zh-cn">    </span>

        <select id="Select1"> 

        </select>

    </div>

    </form>

</body>

</html>

cuipinggui 2010-11-18

打赏
举报

[Quote=引用 2 楼 xrongzhen 的回复:]
引用楼主 okidasougo 的回复:
请问我页面上有一个GridView。

我想实现鼠标单击某一条数据，怎样将这条数据填充到页面对应的textbox和DropDownList里去。

请问用javascript怎么实现。。。最好是代码～

在DataBound()时间中添加attribute.add()添加事件
[/Quote]

//=========================================选择行事件=================================================

//参数依次为（后两个如果指定为空值，则不会发生相应的事件）：
//GridView ID, 正常行背景色,交替行背景色,鼠标指向行背景色,鼠标点击后背景色

var mSelectRow=0;
function GridViewColor(GridViewId,edSelectRow, NormalColor, AlterColor, HoverColor, SelectColor,SelectRows)
{
//获取所有要控制的行
if ($(GridViewId)==null)
{
return;
}

var AllRows = $(GridViewId).getElementsByTagName("tr");

//设置每一行的背景色和事件，循环从1开始而非0，可以避开表头那一行
for(var i=1; i<AllRows.length; i++)
{
//设定本行默认的背景色
AllRows[i].style.background = i%2==0?NormalColor:AlterColor;

//如果指定了鼠标指向的背景色，则添加onmouseover/onmouseout事件
//处于选中状态的行发生这两个事件时不改变颜色
if(HoverColor != "")
{
AllRows[i].onmouseover = function()
{
if(!this.selected) this.style.background = HoverColor;
}
if(i%2 == 0)
{
AllRows[i].onmouseout = function()
{if(!this.selected) this.style.background = NormalColor;}
}
else
{
AllRows[i].onmouseout = function()
{if(!this.selected)this.style.background = AlterColor;}
}
}

//如果指定了鼠标点击的背景色，则添加onclick事件
//在事件响应中修改被点击行的选中状态
if(SelectColor != "")
{

if (mSelectRow>0 && mSelectRow<AllRows.length )
AllRows[mSelectRow].style.background = SelectColor;

AllRows[i].onclick = function()
{
//点击单选，如是多选行，则不要for循环。
if (SelectRows=="one" || SelectRows=="One")
{
for(var j=1; j<AllRows.length; j++)
{
AllRows[j].style.background = NormalColor;
}
}
this.style.background = this.style.background==SelectColor?HoverColor:SelectColor;
this.selected = !this.selected;

for(var j=1; j<AllRows.length; j++)
{

if (AllRows[j].style.background == SelectColor)
{
mSelectRow=j;
$(edSelectRow).value = j-1;
}
}
}
}
}

if (getUrlParam("selectno")!=null && mSelectRow<1)
{

AllRows[(parseInt(getUrlParam("selectno"))+1)*2-1].style.background = SelectColor;

}
}

这样调用：
window.onload = function()
{
//GridViewColor("<%=GridView1.ClientID%>","<%=edSelectRow.ClientID %>","#fff","#fff","","#ccffcc","one");
}

就OK

好奇都是要学的 2010-11-18

打赏
举报

给datagrid 每一行加一个onclikc 事件. 然后调用JS

okidasougo 2010-11-18

打赏
举报

人工置顶+1

tangserver 2010-11-18

打赏
举报

js哦头大

okidasougo 2010-11-18

打赏
举报

[Quote=引用 1 楼 cuipinggui 的回复:]
Gridview 中添加 onClick="retval(1)"
然后JS 中这样写

function retval(kind)
{
if(kind==1)
{
var table = $("<%=GridView1.ClientID%>");

$("<%=edFieldCode.ClientID%>").value= table.rows[……
[/Quote]

mSelectRow没定义

xrongzhen 2010-11-18

打赏
举报

[Quote=引用楼主 okidasougo 的回复:]
请问我页面上有一个GridView。

我想实现鼠标单击某一条数据，怎样将这条数据填充到页面对应的textbox和DropDownList里去。

请问用javascript怎么实现。。。最好是代码～
[/Quote]

在DataBound()时间中添加attribute.add()添加事件

cuipinggui 2010-11-18

打赏
举报

Gridview 中添加 onClick="retval(1)"
然后JS 中这样写

function retval(kind)
{
if(kind==1)
{
var table = $("<%=GridView1.ClientID%>");

$("<%=edFieldCode.ClientID%>").value= table.rows[mSelectRow].cells[0].innerText;
$("<%=edFieldname.ClientID%>").value= table.rows[mSelectRow].cells[1].innerText;
$("<%=edord.ClientID%>").value= table.rows[mSelectRow].cells[2].innerText;
$("<%=chkifzero.ClientID%>").checked= table.rows[mSelectRow].cells[3].innerText=='Y'?true:false;
$("<%=edkind.ClientID%>").value= table.rows[mSelectRow].cells[4].innerText.replace(/[ ]/g,"");
$("<%=chkifprn.ClientID%>").checked= table.rows[mSelectRow].cells[5].innerText=='Y'?true:false;
$("<%=chkifShow.ClientID%>").checked= table.rows[mSelectRow].cells[6].innerText=='Y'?true:false;
$("<%=edformula.ClientID%>").value= table.rows[mSelectRow].cells[7].innerText;
}
}

内容概要：本文系统研究了开关频率大于谐振频率（fs＞fr）工况下，移相混合控制LLC谐振变换器在低压增益区域的工作特性，深入分析其在变频与移相结合控制模式下的调制机理、工作模态划分及损耗分布规律。通过Simulink平台构建高保真仿真模型，对变换器在不同负载和输入条件下的电压增益、转换效率、关键器件电压电流应力等性能指标进行了全面仿真验证，重点探讨了其在低增益区间的软开关实现能力与效率优化潜力，旨在提升LLC变换器在宽范围输入输出应用中的动态响应与能源转换效率。; 适合人群：从事电力电子变换器设计、高频电源开发及相关领域的高校研究生、科研院所研究人员及企业研发工程师，要求具备扎实的电路理论基础、电力电子技术知识以及一定的Simulink仿真能力。; 使用场景及目标：①深入理解LLC谐振变换器在fs＞fr条件下采用移相混合控制的内在工作机理与模态转换过程；②掌握利用Simulink搭建复杂谐振变换器精确仿真模型的方法与技巧；③分析并优化低压增益区的增益特性与损耗构成，为设计高效率、高功率密度的软开关电源提供理论依据和数据支持；阅读建议：建议读者结合文中所述仿真模型，亲自复现仿真过程，重点观察不同控制参数（如移相比、开关频率）对电压增益曲线和关键波形的影响，并对比传统变频控制策略，深入探究混合控制在拓宽调压范围、提升轻载效率方面的优势，从而深化对现代高效谐振电源设计的理解。

内容概要：本文提出了一种基于粒子群优化算法（PSO）的配电网光伏储能双层优化配置模型，以IEEE33节点系统为标准算例，实现光伏发电单元与储能系统的协同选址与定容优化。该模型采用双层架构设计，上层以投资成本、运行经济性及网络损耗最小为目标优化设备配置方案，下层通过潮流计算评估系统在不同负荷场景下的运行性能，综合考虑电压稳定性、供电可靠性及可再生能源消纳能力，最终通过Matlab编程实现完整求解流程，为高渗透率分布式电源接入背景下的配电网规划提供了有效的技术支撑。; 适合人群：具备电力系统分析基础和Matlab编程能力的研究生、高校科研人员及从事新能源并网、智能配电网规划与优化的工程技术人员。; 使用场景及目标：①研究含高比例光伏接入的配电网规划与运行协同优化问题；②掌握双层优化建模方法与粒子群算法在复杂电力系统问题中的应用技巧；③为实际工程中分布式光伏与储能系统的科学选址与容量配置提供理论依据与仿真验证平台。; 阅读建议：建议读者结合Matlab代码深入理解双层迭代求解机制，重点关注算法收敛性分析、参数敏感性测试，并可通过更换初始种群、调整权重因子或引入其他标准测试系统（如IEEE69节点）进行对比实验，进一步验证所提模型的普适性与鲁棒性。

内容概要：本文详细介绍了基于Simulink仿真实现的直流电机转速电流双闭环调速控制系统模型，重点构建了由速度环和电流环组成的双闭环控制架构，通过合理设计PID控制器参数，实现对直流电机转速与电枢电流的高精度动态调节，显著提升了系统的响应速度、稳定性及抗干扰能力。该模型能够有效模拟电机在启动、突加负载等不同工况下的运行特性，具备较强的工程应用价值和教学研究意义；适合人群：自动化、电气工程及其自动化、机电一体化等相关专业的高校本科生、研究生，以及从事电机控制、电力电子与运动控制领域研究的科研人员和工程技术人员；使用场景及目标：①深入理解直流电机双闭环调速系统的工作原理与控制策略；②掌握利用Simulink进行电机控制系统建模与仿真的方法与技巧；③为课程设计、毕业设计、科研项目提供可复现的技术方案与仿真平台支持；阅读建议：建议结合自动控制理论、电机与拖动基础等前置知识进行学习，动手搭建仿真模型并反复调试PID参数，深入体会内外环之间的耦合关系与协同控制机制，进一步可将所学方法迁移至其他类型电机或复杂控制系统的仿真研究中。