Ultrawebgrid中利用JS得到选中行的值

最新推荐文章于 2016-02-25 15:34:34 发布

最新推荐文章于 2016-02-25 15:34:34 发布 · 101 阅读

本文介绍了一种使用JavaScript处理Ultrawebgrid的方法，通过编写特定的函数来获取选中行的数据，并将这些数据显示到指定的文本框中。此方法涉及到了客户端事件的处理。

JS:还是假设你的Ultrawebgrid名为Ultrawebgrid1

functionAfterRowChange()//得到选中行的各项值
{

vargrid=igtbl_getGridById("<%=UltraWebGrid1.ClientID%>");

for(vari=0;i<grid.Rows.length;++i)
{

varrow=grid.Rows.getRow(i);

if(row.getSelected())
{

varexamName=row.getCell(0).getValue();//考试名称

varpubDate=row.getCell(1).getValue();//公布日期

varexamType=row.getCell(2).getValue();//试卷类别

vargradeid=row.getCell(3).getValue();//考试类别

varsubjectid=row.getCell(4).getValue();//考试科目

varareaid=row.getCell(5).getValue();//所属地区
examName=escape(examName);
pubDate=escape(pubDate);
examType=escape(examType);
gradeid=escape(gradeid);
subjectid=escape(subjectid);
areaid=escape(areaid);

//下面是个例子,选中的第一个单元的值(考试名称)会显示在下面的文本框里

varTxtExamName=document.getElementById('<%=TxtExamName.ClientID%>');
TxtExamName.value=unescape(examName);

break;
}
}
}

HTML:

这个的重点是要把Ultrawebgrid的AfterSelectChangeHandler(一个属性,在编程设计界面可以找到)设成刚才写的JS函数

<ClientSideEventsAfterSelectChangeHandler="AfterRowChange"InitializeLayoutHandler="GoToFirst"/>

OK,大功告成啦!