blocks|key|799705|text|完成此操作的最简单方法是覆盖RaisePostBackEvent方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|799706|<input+type="button"+ID="btnRaisePostBack"+runat="server"+onclick="raisePostBack();"+...+/>|code-block|syntax|javascript|799707|在你的JavaScript中：|799708|raisePostBack+=+function(){
++++__doPostBack("<%25=btnRaisePostBack.ClientID%25>",+"");
}|799709|在你的代码中：|799710|protected+override+void+RaisePostBackEvent(IPostBackEventHandler+source,+string+eventArgument)
{
++++//call+the+RaisePostBack+event+
++++base.RaisePostBackEvent(source,+eventArgument);

++++if+(source+==+btnRaisePostBack)
++++{
+++++++++//do+some+logic
++++}
}|799711|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

The easiest way to accomplish this is to override the RaisePostBackEvent method. 

<pre><code>&lt;input type="button" ID="btnRaisePostBack" runat="server" onclick="raisePostBack();" ... /&gt;
</code></pre>

And in your JavaScript:

<pre><code>raisePostBack = function(){
 __doPostBack("&lt;%=btnRaisePostBack.ClientID%&gt;", "");
}
</code></pre>

And in your code:

<pre><code>protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument)
{
 //call the RaisePostBack event 
 base.RaisePostBackEvent(source, eventArgument);

 if (source == btnRaisePostBack)
 {
 //do some logic
 }
}
</code></pre>

blocks|key|799804|text|如果您可以通过指定runat="server"将输入按钮转换为服务器端控件，并且您正在使用asp.net，则可以选择使用HtmlButton.OnServerClick属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|799805|<input+id="foo+"runat="server"+type="button"+onserverclick="foo_OnClick"+/>|code-block|syntax|javascript|799806|这应该会起作用，并在您的服务器端代码中调用foo_OnClick。还要注意，根据上面链接的Microsoft文档，您还应该能够使用HTML4.0标记。|799807|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols.htmlbutton.onserverclick(v=vs.80).aspx^0|9|E|19|7|1O|O|0|0|0|L|B|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

If you are OK with converting the input button to a server side control by specifying <code>runat="server"</code>, and you are using <code>asp.net</code>, an option could be using the <a href="http://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols.htmlbutton.onserverclick(v=vs.80).aspx" rel="noreferrer">HtmlButton.OnServerClick</a> property.

<pre><code>&lt;input id="foo "runat="server" type="button" onserverclick="foo_OnClick" /&gt;
</code></pre>

This should work and call <code>foo_OnClick</code> in your server side code.
Also notice that based on Microsoft documentation linked above, you should also be able to use the HTML 4.0 tag.

blocks|key|799869|text|在您的aspx页面上，定义HTML+Button元素和常见的疑点:+runat、class、title等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|799870|如果此元素是数据绑定控件(例如:网格视图等)的一部分。您可能希望使用CommandName和可能的CommandArgument作为属性。添加按钮的内容和结束标记。|799871|<button+id="cmdAction"+
++++runat="server"+onserverclick="cmdAction_Click()"+
++++class="Button+Styles"+
++++title="Does+something+on+the+server"+
++++
++++CommandName="cmdname">+
++++CommandArgument="args..."
++++>
++++
++++<span+class="ui-icon+...">
++++<span+class="push">Click+Me
</button>|code-block|syntax|javascript|799872|在代码隐藏页面上，元素将调用将被定义为元素的ID_Click事件函数的处理程序。|799873|protected+void+cmdAction_Click(object+sender,+EventArgs+e)
{
:+do+something.
}|799874|还有其他的解决方案，比如使用自定义控件等。还要注意的是，我在VS2K8的项目中使用了这一点。|799875|希望这能帮上忙。享受吧！|799876|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

On your aspx page define the HTML Button element with the usual suspects: runat, class, title, etc.

If this element is part of a data bound control (i.e.: grid view, etc.) you may want to use CommandName and possibly CommandArgument as attributes. Add your button's content and closing tag.

<pre><code>&lt;button id="cmdAction" 
 runat="server" onserverclick="cmdAction_Click()" 
 class="Button Styles" 
 title="Does something on the server" 
 &lt;!-- for databound controls --&gt;
 CommandName="cmdname"&gt; 
 CommandArgument="args..."
 &gt;
 &lt;!-- content --&gt;
 &lt;span class="ui-icon ..."&gt;&lt;/span&gt;
 &lt;span class="push"&gt;Click Me&lt;/span&gt;
&lt;/button&gt;
</code></pre>

On the code behind page the element would call the handler that would be defined as the element's ID_Click event function.

<pre><code>protected void cmdAction_Click(object sender, EventArgs e)
{
: do something.
}
</code></pre>

There are other solutions as in using custom controls, etc. Also
 note that I am using this live on projects in VS2K8.

Hoping this helps.
Enjoy!

blocks|key|799921|text|只需在按钮单击事件的末尾使用它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|799922|protected+void+btnAddButton_Click(object+sender,+EventArgs+e)
{
+++...+save+data+routin+
+++++Response.Redirect(Request.Url.AbsoluteUri);
}|code-block|syntax|javascript|799923|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

just use this at the end of your button click event

<pre><code>protected void btnAddButton_Click(object sender, EventArgs e)
{
 ... save data routin 
 Response.Redirect(Request.Url.AbsoluteUri);
}
</code></pre>

blocks|key|583930|text|您可以使用事件处理程序serverclick，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|583931|//cmdAction为HTML按钮id，如下所示|583932|<body>
++++<form+id="form1"+runat="server">
++++++++<button+type="submit"+id="cmdAction"+text="Button1"+runat="server">
++++++++++++Button1
++++++++</button>
++++</form>
</body>|code-block|syntax|javascript|583933|//cs代码|583934|public+partial+class+_Default+:+System.Web.UI.Page
++++{
++++++++protected+void+Page_Load(object+sender,+EventArgs+e)
++++++++{
++++++++++++++++cmdAction.ServerClick+%2B=+new+EventHandler(submit_click);++
++++++++}

++++++++protected+void+submit_click(object+sender,+EventArgs+e)
++++++++{
++++++++++++Response.Write("HTML+Server+Button+Control");
++++++++}
++++}|583935|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You may use event handler serverclick as below

//cmdAction is the id of HTML button as below

<pre><code>&lt;body&gt;
 &lt;form id="form1" runat="server"&gt;
 &lt;button type="submit" id="cmdAction" text="Button1" runat="server"&gt;
 Button1
 &lt;/button&gt;
 &lt;/form&gt;
&lt;/body&gt;
</code></pre>

//cs code

<pre><code>public partial class _Default : System.Web.UI.Page
 {
 protected void Page_Load(object sender, EventArgs e)
 {
 cmdAction.ServerClick += new EventHandler(submit_click); 
 }

 protected void submit_click(object sender, EventArgs e)
 {
 Response.Write("HTML Server Button Control");
 }
 }
</code></pre>

blocks|key|584045|text|对于试图处理复选框的人来说，这些解决方案都不起作用，因为您需要它是HTML输入(而不是HTML按钮)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|584046|只要添加type="checkbox"，SPArcheon的答案就不会立即生效，这是.checked操作符在代码隐藏中工作所必需的。一旦添加了type="checkbox"，就没有OnServerClick、ServerClick或CheckedChanged用于HTML输入框。您所拥有的只有ServerChanged，它没有任何用处，因为它需要刷新整个页面。|offset|length|style|CODE|584047|实际上，我必须以Bootstrap的btn-outline-outline类为起点，使用CSS来使HTML按钮类似于复选框。|584048|.btn-checkbox-unchecked+{
++++padding:+.35rem+.35rem+!important;
++++font-size:+.875rem+!important;
++++line-height:+.5+!important;
++++border-radius:+.15rem+!important;
++++border-width:+.20em+!important;
}

.btn-checkbox-checked+{
++++padding:+.1rem+.1rem+!important;
++++font-size:+.6rem+!important;
++++line-height:+.5+!important;
++++border-radius:+.15rem+!important;
++++border-width:+.20em+!important;
++++border-color:+#0060df+!important;
++++background-color:+#0060df+!important;
}

++++.btn-checkbox:hover+{
++++++++border-color:+#676774+!important;
++++++++background-color:+#0250BB+!important;
++++}|code-block|syntax|javascript|584049|在aspx中：|584050|<button+class="btn+btn-xs+btn-outline-secondary"+id="btnFakeCheckbox"+runat="server"+clientidmode="static"+autopostback="true"+data-bs-toggle="button"+autocomplete="off"></button>|584051|然后，在代码隐藏中，您可以相应地设置属性(类|584052|当它被选中时：|584053|btnFakeCheckbox.Attributes.Add("class",+"btn+btn-xs+btn-secondary+btn-checkbox-checked+active")
btnFakeCheckbox.Attributes("aria-pressed")+=+"true"
btnFakeCheckbox.InnerHtml+=+"<i+class='fas+fa-check'>"|584054|如果未选中，请执行以下操作：|584055|btnFakeCheckbox.Attributes.Add("class",+"btn+btn-xs+btn-outline-secondary+btn-checkbox-unchecked")
btnFakeCheckbox.Attributes("aria-pressed")+=+"false"
btnFakeCheckbox.InnerHtml+=+""|584056|(请注意最后一行上的字体很棒的复选图标，您必须将其包含在您的aspx中)|584057|对于一个更加荒谬的框架来说，这绝对是一个荒谬的变通方法。如果有人有一个Bootstrap+5切换开关的解决方案，请让我知道。|584058|entityMap^0|0|4|F|16|8|1Z|F|2I|D|2W|B|38|E|43|D|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@$D|1A|E|1B|F|G]|$D|1C|E|1D|F|G]|$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]|$D|1I|E|1J|F|G]|$D|1K|E|1L|F|G]|$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1O|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1P|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1R|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1S|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1T|8|@]|9|@]|A|$]]|$1|W|3|X|5|L|7|1U|8|@]|9|@]|A|$M|N]]|$1|Y|3|Z|5|6|7|1V|8|@]|9|@]|A|$]]|$1|10|3|11|5|L|7|1W|8|@]|9|@]|A|$M|N]]|$1|12|3|13|5|6|7|1X|8|@]|9|@]|A|$]]|$1|14|3|15|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|17|$]]

For people trying dealing with a checkbox, exactly none of these solutions work since you'd need it to be an HTML input (and not an HTML button).
SPArcheon's answer doesn't work as soon as you add <code>type=&quot;checkbox&quot;</code> which is needed for the <code>.checked</code> operator to work in the code-behind. As soon as you add <code>type=&quot;checkbox&quot;</code>, there is no <code>OnServerClick</code>, <code>ServerClick</code>, nor <code>CheckedChanged</code> for an HTML Input box. All you have is <code>ServerChanged</code>, which is useless because it requires a full page refresh.
I actually had to use CSS to make an HTML button resemble a checkbox using Bootstrap's btn-outline-secondary class as a starting point.
<pre><code>.btn-checkbox-unchecked {
 padding: .35rem .35rem !important;
 font-size: .875rem !important;
 line-height: .5 !important;
 border-radius: .15rem !important;
 border-width: .20em !important;
}

.btn-checkbox-checked {
 padding: .1rem .1rem !important;
 font-size: .6rem !important;
 line-height: .5 !important;
 border-radius: .15rem !important;
 border-width: .20em !important;
 border-color: #0060df !important;
 background-color: #0060df !important;
}

 .btn-checkbox:hover {
 border-color: #676774 !important;
 background-color: #0250BB !important;
 }
</code></pre>
In the aspx:
<pre><code>&lt;button class=&quot;btn btn-xs btn-outline-secondary&quot; id=&quot;btnFakeCheckbox&quot; runat=&quot;server&quot; clientidmode=&quot;static&quot; autopostback=&quot;true&quot; data-bs-toggle=&quot;button&quot; autocomplete=&quot;off&quot;&gt;&lt;/button&gt;
</code></pre>
Then in your code-behind, you can set attributes (classes) accordingly
For when it's checked:
<pre><code>btnFakeCheckbox.Attributes.Add(&quot;class&quot;, &quot;btn btn-xs btn-secondary btn-checkbox-checked active&quot;)
btnFakeCheckbox.Attributes(&quot;aria-pressed&quot;) = &quot;true&quot;
btnFakeCheckbox.InnerHtml = &quot;&lt;i class='fas fa-check'&gt;&lt;/i&gt;&quot;
</code></pre>
When it's unchecked:
<pre><code>btnFakeCheckbox.Attributes.Add(&quot;class&quot;, &quot;btn btn-xs btn-outline-secondary btn-checkbox-unchecked&quot;)
btnFakeCheckbox.Attributes(&quot;aria-pressed&quot;) = &quot;false&quot;
btnFakeCheckbox.InnerHtml = &quot;&quot;
</code></pre>
(Note the font awesome check icon on the last line, you'll have to include that in your aspx)
What an absolutely absurd workaround for an even more absurd framework. If anyone has a solution for a Bootstrap 5 toggle switch, let me know.

I am creating an application using ASP.Net, in which I have a HTML button on an aspx page. 

<pre><code>&lt;input type="submit" id="btnSubmit" runat="server" 
 style="background-image:url(App_Themes/default/Images/quiz_class/btn_submit.jpg);
 width:80px; height:29px;" onserverclick="btnSubmit_ServerClick" /&gt;
</code></pre>

But when I click on the button then it not calling the btnSubmit_ServerClick event on the aspx.cs page.

I don't want to use asp control button.

Please help..

calling server side event from html button control

服务器

我正在使用ASP.Net创建一个应用程序，其中我在一个aspx页面上有一个超文本标记语言按钮。<input type="submit" id="btnSubmit" runat="server" style="background-image:url(App_Themes/default/Images/quiz_...

问从html按钮控件调用服务器端事件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从html按钮控件调用服务器端事件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从html按钮控件调用服务器端事件
EN