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 回答日時： 2014/12/08 23:55

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>

この回答へのお礼

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

お礼日時：2014/12/10 17:50

No.1 回答者： x-1919 回答日時： 2014/12/08 12:49

これはブラウザに実行させるものでは？

runat="server" は必要ないと思いますよ。

この回答へのお礼

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

お礼日時：2014/12/09 02:01