Zend_Form的jQuery的滑塊

如何使jQuery的滑塊與固定的最大...確切是這樣的：Zend_Form的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")); 
});

來源

2010-03-05 Dr Casper Black

我不明白究竟你以後，你想要一個固定的最大值，不同於你指定的60？ – 2010-03-06 00:48:50

不，我想要有一個jQuery代碼，因爲它在展示中是http://jqueryui.com/demos/slider/#rangemin。 Zendx會生成一些代碼，但我需要自由添加更多功能（添加一個函數...）。 – 2010-03-06 10:50:36

如果你已經解決了這個問題，不要把它放在你的問題中，回答你自己的問題！ – 2010-10-11 09:47:39

解決方案

我解決我的問題與selectToUISlider.jQuery.js插件jQuerySlider，它會劫持您在Form類定義選擇標籤。所以就這樣叫：

$('select').selectToUISlider();

真的很優雅的解決方案。

這裏是鏈接：

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

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

來源

2010-10-11 16:33:21

JQuery代碼添加ZendX_JQuery_View_Helper_Slider。將其替換爲自定義實現並使用它來代替常規ViewHelper。

來源

2010-03-07 18:06:33 Gordon

試試這個

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

來源

2010-09-21 15:30:20 snapshot

Zend_Form的jQuery的滑塊

回答

相關問題