快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

实现HtmlButton客户端控制网页提交

    我们知道,在Asp.net中适当的使用Html控件有许多方便之处,Html控件既能在客户端进行脚本处理,又能在网页提交至服务器后在cs文件中控制,假如用单独的Web服务器控件则不能做到这一点,限制了我们开发的灵活性.因此我们会在好多地方会使用到HtmlButton控件.下面就谈谈该控件一个使用的小技巧:
假如要点击HtmlButton后使网页提交,我们会选择将该HtmlButton作为服务器控件运行.这样做每次点击HtmlButton都会使页面提交至服务器,但假如我们需要在点击按钮之后在客户端做一些处理,然后再选择是否使网页提交,按照一般的处理方式,好像HtmlButton无能为力了,但是我们分析一下HtmlButton在网页运行后生成的Html,生成Html如下:

<input language=\"javascript\" onclick=\"__doPostBack(\\\'clientbutton\\\',\\\'\\\')\" name=\"clientbutton\" id=\"clientbutton\" type=\"button\" style=\"Z-INDEX: 101; LEFT: 168px; POSITION: absolute; TOP: 80px\" value=\"Button\" />
我们看到生成的Html给按钮添加了一下onclick事件,从而使网页提交,那明白它的执行过程,我们就知道该怎么做了,假如我们在__doPostBack(\\\'clientbutton\\\',\\\'\\\')执行之前,给按钮加一客户端操作再决定是否提交这们不就满意我们的需求了,大家明白实现原理了,我就不讲那么罗琐了,下面我就说怎样实现了:

1 我们在后台cs文件中给HtmlButton加属性,其中clientbutton为HtmlButton为id,clientoper为客户端javascript function. clientbutton.Attributes.Add(\"onclick\",\"if(!clientoper()){return;}\");
该话句一般放在网页加载事件中.
2 客户端添加clientoper方式,执行您需要的操作,操作完成之后根据返回值决定是否需要提交,返回true网页提交,false则不提交.
<script language=javascript>
function clientoper()
{
//这里可以执行客户端操作,比如验证之类的
//这里判定是否提交
var result=window.confirm(\"您确认要提交吗?\");
if(result)
{
return true;
}
else
{
return false;
}
}
</script>
方式也很简朴,相信朋友们一看就明白了,说到这有朋友问了,可这只适用于HtmlButton,按钮,多死板,假如想用图片做按钮怎么办,方式当然有,也不需要修改什么,研究一下按钮的css样式就满意你的需要了!


返回类别: 教程
上一教程: datagrid的正反双向排序
下一教程: 构造.NET环境下的网页下载器 (2)

您可以阅读与"实现HtmlButton客户端控制网页提交"相关的教程:
· 在Internet上用通过.Net Remoting机制实现服务器对客户端的直接调用
· 检测客户端显示器分辨率、浏览器类型和客户端IP
· 改善C#中socket通信机客户端程序的健壮性
· .NET客户端应用程序:.NET应用程序更新组件(5)
· .NET客户端应用程序:.NET应用程序更新组件(6)
    微笑服务 优质保证 索取样品