2016-03-23 43 views
1

如何在ASP.Net範圍滑塊(工具提示或標籤很好)上向用戶提供實時(客戶端)值反饋?asp.net範圍滑塊上的工具提示值

我對ASP相當陌生,所以它可能只是一些顯而易見的東西,但我找不到它,但找不到它搜索互聯網。 我想向用戶提供有關範圍滑塊當前值的反饋,正如他所拖動的那樣。

我有一個ASP.Net範圍滑塊如下:

<asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged" TextMode="Range" AutoPostBack="true"></asp:TextBox> 

和工作正常,並觸發C#代碼拖動到新值後背後是完整的,因爲我想要的。

但是,目前用戶不知道他選擇的值,直到服務器處理完變化(在哪個代碼中我可以更新標籤)。那麼我如何向用戶提供實時(客戶端)反饋?這兩種方法中的任何一種,在滑塊上都是常見的,就足夠了:

  1. 隨着拖動,拖動位(對不起,不知道技術術語)的工具提示。
  2. 在拖動時使用該值更新標籤/垃圾郵件/ div。

回答

1

我沒碰過ASP很長一段時間,從來沒有真正使用它更當我這樣做,但假設你的ASP產生或能產生像這樣的HTML:

<input type="range" min="0" max="100" value="100" name="my_range" id="my_range"><span>100</span> 

那麼下面的jQuery將使用範圍的值更新範圍:

$('#my_range').on("change mousemove", function() { 
    $(this).next().html($(this).val()); 
}); 

假設您可以在項目中使用jQuery。

+0

刪除了已經由ASP觸發的更改操作,但是mousemove像魅力一樣工作。 –