4．引用asp.net自动生成的javascript程序

所谓的“服务器端控件”是针对开发人员的，在生成的html源程序中并没有服务器和客户端之分，都是标准的html,dhtml和javascript。它之所以能响应用户的输入是因为每个控件的事件处理程序最终都生成了一段脚本，此脚本重新提交页面使得web server有机会再次响应并作出处理。通常情况下我们不必知道此脚本是什么也不必直接调用此脚本，但在有些情况下，适当地调用此脚本可以简化许多工作。请看下面两个例子。

● 点datagrid的任一位置以选中一行

datagrid提供了一种内置的选择按钮,当点此按钮时选中当前行（可以设置selecteditemstyle属性以使当前行有不同的外观）。但用户可能更习惯于点任意一个位置都能选中一行，如果完全自己实现这个功能相当烦琐。一个好的思路是添加一个选择按钮，但使此列隐藏，当点任一行时调用此按钮产生的javascript脚本。

sub item_bound(byval sender as object, byval e as datagriditemeventargs )

dim itemtype as listitemtype

itemtype = ctype(e.item.itemtype, listitemtype)

if (itemtype <> listitemtype.header) and _

(itemtype <> listitemtype.footer) and _

(itemtype <> listitemtype.separator) then

dim oselect as linkbutton = ctype(e.item.cells(5).controls(0), linkbutton)(文章来源 www.iocblog.net)

e.item.attributes("onclick") = page. getpostbackclienthyperlink (oselect, "")

end sub

这里假设选择按钮位于第6列。e.item代表了一行，从生成的html上看就是在每个<tr>里增加了一个onclick事件。page.getpostbackclienthyperlink方法返回页面中linkbutton控件产生的客户端脚本，其中第一个参数是linkbutton控件,第二个参数是传递给此控件的参数，通常为空。如果不是linkbutton控件，有一个类似的函数getpostbackclientevent，读者可以参考msdn。

● 服务器产生的脚本与手工添加的脚本冲突

服务器控件的服务器事件一般对应到客户端控件的相应事件，如dropdownlist的selectedindexchanged事件对应html <select>的onchange事件。如果你要手工增加一个onchange事件，则会在客户端产生两个onchange,浏览器就会忽略掉一个。比如用户希望每当改变了dropdownlist中的选项就保存到数据库（虽然不是很常见，但确实有这种需要），但同时还希望提醒用户是否确实要做保存。显然，保存的代码应该放在selectedindexchanged事件中，而提醒的工作应该手工加一段onchange事件。结果就是两个onchange只能执行一个。正确的方法应该是添加一个不可见的保存按钮，在手工增加的onchange事件中调用此按钮生成的程序。

page_load方法如下：

dim scmd as string

scmd=page.getpostbackclienthyperlink(btnupdate, "")

if not page.ispostback then

dropdownlist1.attributes.add("onchange","confirmupdate(""" & scmd & """)")

end if

confirmupdate函数如下

<script language=”javascript”>

function confirmupdate(cmd){

if confirm(“are you sure to update?”)

eval(cmd);

}

</script>

这里利用了javascript eval函数来调用一个字符串中包含的命令。需注意的是包含命令的字符串不能用单引号括起来，因为自动生成的脚本中包括单引号，所以这里用两个双引号表示字符串本身的双引号。

三、结束语

以上简单讨论了在asp.net中插入javascript的几种情况。合理地在服务器程序中插入客户端的javascript脚本，可以提高程序的运行效率并提供更友好的用户界面。

上一页 [1] [2]

文章整理：iocblog
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。