2017-06-14 8 views
1

私は同僚の.aspxで提供されているHTMLを使用しています。HTMLを使用して作成したボタンの機能を.aspx.cs(C#)でプログラミングする必要があります。次のように私が扱ってる コードは次のとおりです。ボタンクリックイベント、ASP.NETのためのC#のコード

</div> 
      <button style="padding: 10px; margin-bottom: 10px;" class="w3-round w3-blue">Ship</button> 
      <button style="padding: 10px; margin-bottom: 10px;" class="w3-round w3-blue">Rate</button> 

    </div> 

私はHTMLに新しいですが、同様の質問に対する解決策を見ている中で、私は多くの場合

<button type="submit" runat="server" id="btnLogin" class="button" onclick="btnLogin_Click();"> 
のように見えるの機能ボタンのHTMLコードを参照してください冒頭に

<asp: 

、時には。私はrunatとonclickフィールドをaspx.csコードのC#メソッドに対応するHTMLに単純に追加しようとしましたが、ボタンクリックを実際にコード内のメソッドを起動させることができませんでした。私は、C#aspx.csコードにonclickの後に続く名前のメソッドを追加すると、ボタンをクリックしたときにこれを単に実行するだろうと私は推測しましたが、私は間違いだと誤解しています。

私に提供されたHTMLを変更することなく、コードの背後にあるボタンの機能をプログラムできますか?または、まずはHTMLを変更する必要がありますか?あなたがasp.netボタンのonClickのプロパティはaspx.csファイルにそれが呼び出す関数の名前を含む必要があるため

onclick="btnLogin_Click" 

onclick="btnLogin_Click();" 

を交換する必要が

+0

もの:' Webフォームがありますコントロール。 [ドキュメント](https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.button(v = vs.110).aspx)のすべてを読むことができます。 – mason

答えて

2

あなたはおそらくあなたのボタンにrunat="server"属性を追加することで離れる可能性がありますが、私が使用して、率直に言って、それを試してみました、決してました適切なWebコントロールが最良の方法です。

これらを置き換えても、ページのルックアンドフィールを変更してはなりません。いずれにしてもCSSを適用するにはCssClass="xxx"を追加します。それ以外の場合は、標準のhtml要素にレンダリングします。

あなたのマークアップは次のようになります。

<asp:Button runat="server" id="btnLogin" Text="Log In" OnClick="btnLogin_Click" /> 

あなたのコード内で一致するイベントハンドラは次のようになります。 `ASPが付いている

protected void btnLogin_Click(object sender, EventArgs e) 
{ 
    // Here's where you do stuff. 
} 
0

と実際の呼び出しではありません。

+0

私の回答を更新しました – Plargato

0

私の提案は、HTMLコントロールを<asp:Button />に変更し、ASP.NETによってイベントハンドラを組み込むことです。あなたは、Visual Studio/Expressのようなツールは、問題のページ(aspxページ)を起動を使用している場合の構文は以下の

<asp:Button ID="Test" runat="server" Text="Button" OnClick="Test_Click" /> 
0

ようになります。

コントロールツールバーのボタンをページにドラッグします。

デザインビューでボタンをダブルクリックすると、自動的にイベントハンドラがコードの背後に作成されます。

ボタンコントロールには、OnClickとOnClientClickという2つのプロパティがあります。 OnClientClickを使用して、ページ上のJavaScriptをトリガーします。

は、HTMLコントロールからハンドラの後ろasp.netコードに到達するための方法がありますが、それは

関連する問題