Member 12857356 Ответов: 1

Проблема с ползунком диапазона.


Привет,
Я использую ползунок диапазона в Jquery, когда я перетаскиваю ползунок, значение будет изменено.Sp там нет никаких проблем.Моя проблема заключается в том, что у меня есть два текстовых поля под слайдером.Когда мы перетащим ползунок, диапазон изменится, и значение будет отображаться в текстовом поле.на основе этих значений я буду фильтровать свои записи.Как это? Кто-Нибудь Объяснит

Спасибо

Что я уже пробовал:

Я попробовал с textbox_textchanged .Но я не могу получить эту ценность.

Nelek

textbox_textchanged будет срабатывать при изменении содержимого текстового поля. Продолжайте поиск методов текстового поля. Вы должны найти правильный.

Member 12857356

Привет Нелек,
Спасибо За Ответ,

Textbox_textchanges сработает только тогда, когда мы введем какой-то текст в текстовое поле. Но в ползунке диапазона, когда мы перетаскиваем ползунок Автоматически, значения в текстовом поле изменятся, поэтому textbox_textchanged не будет вызван.
Любая идея, как получить значения слайдера для фильтрации моих данных.

Спасибо

1 Ответов

Рейтинг:
7

Er. Puneet Goel

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Page2.aspx.cs" Inherits="Page2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
      $(function () {
          $("#slider-range").slider({
              range: true,
              min: 0,
              max: 500,
              values: [75, 300],
              slide: function (event, ui) {
                  $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
                  $("#start1").val(ui.values[0]);
                  $("#start2").val(ui.values[1]);
              },
                  change: function (event, ui) {
                  debugger;
                  alert('Slider Value Changed');

                  //Write Code to Call ajax or _dopostback to filter records
                  $.ajax({
                      method: 'post',
                      url: 'UserViewProd.aspx/range',

                      contentType: 'application/json; charset=utf-8',
                      data: "{'Price1':'" + ui.values[0] + "','Price2':'" + ui.values[1] + "'}",
                      success: function (data) {
                          // $("#txtminprice").val(data.d);
                          // $("#txtmaxprice").val(data.d);
                      },
                      error: function (err) {
                          alert(err);
                      }

                  });
                  //End
              }
          });
          $("#amount").val("$" + $("#slider-range").slider("values", 0) +
            " - $" + $("#slider-range").slider("values", 1));
      });
  </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     
<p>
  <label for="amount">Price range:</label>
    Start: <input id="start1" type="text" />
    <hr />
    End: <input id="start2" type="text" />
  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
 
<div id="slider-range"></div>
 
    </div>
    </form>
</body>
</html>


Member 12857356

Я хочу, чтобы обратная связь фильтровала мои записи.
спасибо

Member 12857356

Я хочу обратной передачи кода, чтобы фильтровать записи с помощью веб-сервиса &амп;в JSON

Er. Puneet Goel

это так просто. Просто используйте Ajax post cal и используйте webservice и Json, где я упоминаю "/ / напишите код для вызова ajax или _dopostback для фильтрации записей".

Member 12857356

Как получить два значения ????
Пример:"
$.Аякс({
метод: "пост",
URL-адрес: 'UserViewProd.аспн/диапазон,

contentType: 'application/json; charset=utf-8',
сведения: "{'Цена1':'" + ИП.значения[0] + "','Цена2':'" + ИП.значения[1] + "'}"
успех: функция (данные) {
// $("#txtminprice"). val(data. d);
// $("#txtmaxprice"). val(data. d);
},
ошибка: функция (ошибаться) {
оповещения(ошибаться);
}

});

Является ли этот формат правильным ? Или Ошибся?

Er. Puneet Goel

Я только что обновил решение, проверьте это.

Member 12857356

Мой слайдер работает хорошо.Но я хочу передать значения на серверную сторону.

Er. Puneet Goel

пользовательского интерфейса.значения[0] и UI.значения[1] предоставляет вам значение. Какую ошибку вы получаете ?

Er. Puneet Goel

Вы можете проверить это с помощью:
alert (ui. values[0]);
alert (ui. values[1]);

Member 12857356

когда я изменю ползунок, появится окно предупреждения с надписью [object object].

Member 12857356

$(Аякс) Вне тега Ajax предупреждение будет работать, и я получил это значение. Но внутри тега ajax значение не отображается

Er. Puneet Goel

slier работает идеально, но это ваша функция ajax, которая выдает ошибку.

Member 12857356

Да, Э-Э ... Пуннет Гоэль.

Er. Puneet Goel

замените строки с данными телетекста:
сведения: "{Цена1:'" + ИП.значения[0] + "',Цена2:'" + ИП.значения[1] + "'}",

убедитесь, что ваша функция должна иметь Range(string Price1, string Price2) эту сигнатуру.

Member 12857356

Да мое имя функции range и мое имя параметра Price1 и Price2

Er. Puneet Goel

вы заменили линию передачи данных на ту, которую я предоставил?

сведения: "{Цена1:'" + ИП.значения[0] + "',Цена2:'" + ИП.значения[1] + "'}",

Member 12857356

И все же у меня та же ошибка.
А это мой серверный код

[Система.Веб.Сценарий.Услуги.ScriptMethod()]
[Система.Веб.Услуги.Атрибутом webmethod]
спектр общественного недействительными(строка Цена1, Цена2 строку)
{
строка cs = ConfigurationManager.ConnectionStrings ["str"].Параметр connectionString;
using (SqlConnection con = new SqlConnection(cs))
{
string str = " select * from tblProddetails where CategoryID where ProductPrice Between @1 and @2";
SqlCommand cmd = new SqlCommand(str, con);
SqlDataAdapter da = новый SqlDataAdapter(cmd);
УМК.Параметры.AddWithValue ("@1", Price1);
УМК.Параметры.AddWithValue ("@2", Price2);
DataTable ds = новый DataTable();
да.Заполнить(ДС);
против.Открыть();
против.Закрывать();
против.Располагать();
dlViewProd.Источник данных = ДС;
dlViewProd.Привязку();
}

Er. Puneet Goel

Боже...ты просто чокнутый...!

замените свою подпись на

публичный статический недействительными ряд(строку Цена1, Цена2 строку)

Пожалуйста, примите решение в качестве ответа.

Member 12857356

Я не знаю, почему произошла эта ошибка

Member 12857356

Если я использую статику, мой даталист делает ошибку.(Ссылка на объект нестатична) вот так.

Member 12857356

Р У там?

Er. Puneet Goel

да!

Member 12857356

Если я использую статику, мой даталист делает ошибку.(Ссылка на объект нестатична) вот так.

Er. Puneet Goel

Как только вы сможете попасть в свой веб-метод, поток будет закрыт. Пожалуйста, создайте новый вопрос для этого вопроса.

Member 12857356

Почему Это Случилось.Я СРИ, я вам мешаю, и я новичок в этом деле. Asp.net,Ajax tatz Y поднимаю так много вопросов.