Слайдер Zend_Form jQuery

Question

Как сделать слайдер jQuery с фиксированным максимумом ... точно так:

http://jqueryui.com/demos/slider/#rangemin

Мне удается сделать это наполовину:

$slider = new ZendX_JQuery_Form_Element_Slider('amount');
$slider->setLabel('Set Amount: ');
$slider->setJQueryParams(array('min' => 0, 'max' => 60, 'value' => 15));

Я не знаю, как отобразить значение, поскольку оно имеет собственный код:

$(function() {
  $("#amount-slider").slider({
   range: "min",
   value: 15,
   min: 1,
   max: 60,
                        // !!! HOW TO
   slide: function(event, ui) {
    $("#amount").val('$' + ui.value);
   }
  });
  // !!! HOW TO
                $("#amount").val('$' + $("#amount-slider").slider("value"));
});

Answer 1

Раствор

Я решил свою проблему с плагином selectToUISlider.jQuery.js для jQuerySlider, он перехватит тег select, который вы определили в классе Form. Так что просто позвоните, как:

$('select').selectToUISlider();

Действительно элегантное решение.

Вот ссылка:

http://www.jquerylabs.com/selecttouislider-plugin.html

http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/

Answer 2

Попробуйте это

$slider->setJQueryParams(array(
  'min' => 0,
  'max' => 60,
  'value' => 15,
  'slide' => new Zend_Json_Expr('function(event, ui) {
    $("#amount").val('$' + ui.value);
   }')
));

Answer 3

Код JQuery добавлен в ZendX_JQuery_View_Helper_Slider . Замените его пользовательской реализацией и используйте его вместо обычного ViewHelper.