BootStrap.TouchSpinについて

質問

asp.netで利用したいので、runat="server"属性をつけるとspinが消えてしまいます。
runat="server"をつけないと使えるのですが、良い方法はないでしょうか？？

<input id="txt_data1_1" type="text" value="0" name="txt_data1_1" runat="server" class="form-control"/>
<script>
$("input[name='txt_data1_1']").TouchSpin();
</script>

回答No.2

shockatz · ベストアンサー

ASP.NETでは、System.Web.UI.WebControl 系統のWebコントロールでも、System.Web.UI.HtmlControl 系統のHtmlコントロールでも、HTMLにレンダリングされた時点で、違った id と name がついてしまいます。

解決策は、

■ASP.NET 4.5 の "ClientIdMode" プロパティを使用して生成されるコントロールのidを固定し、javascript からはそのID名でアクセスする。

<input id="txt_data1_1" type="text" value="0" runat="server" class="form-control" ClientIDMode="Static" />

<script>
$("input#txt_data1_1").TouchSpin();
</script>

■クラス名を使ってアクセスする。

<input id="txt_data1_1" type="text" value="0" runat="server" class="form-control data_1"/>
<script>
$("input.data-1").TouchSpin();
</script>

お礼

すばらしい！ありがとうございます！！

回答No.1

x-1919

これはブラウザに実行させるものでは？
runat="server" は必要ないと思いますよ。

お礼

回答ありがとうございます。
あとあと、この値をasp.netで取得したいのでrunat="server"をつけております。