Zend_Form jQuery kaymak

3 Cevap php

Tam böyle ... sabit maksimum jQuery kaydırıcıyı nasıl yapılır:

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

Ben o yarım şekilde yapmak için yönetmek:

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

Ben kendi kodunu beri değerini görüntülemek için nasıl bilmiyorum:

$(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"));
});

3 Cevap

Solution

Ben jQuerySlider için selectToUISlider.jQuery.js eklentisi ile benim sorunum çözüldü, bu Form sınıfının tanımlamak seçin etiket kaçırmak olacaktır. Yani tıpkı çağırır:

$('select').selectToUISlider();

Gerçekten şık bir çözüm.

İşte link:

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

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

JQuery kod ZendX_JQuery_View_Helper_Slider eklenir. Özel bir uygulama ile değiştirin ve düzenli ViewHelper yerine kullanabilirsiniz.

Bu deneyin

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

etiketler