多手柄滑塊MVC

我要求多手柄滑塊綁定到我的MVC模式。這個模型看起來像這樣多手柄滑塊MVC

class Foo 
{ 
    public double Lowest{get;set;} 
    public double Low {get; set;} 
    public double Center {get; set;} 
    public double High {get; set;} 
    public double Highest {get; set;} 
}

我希望這是在滑架5分的手柄，使其看起來像這樣 Slider Example from MS Paint

如果結合隱藏字段或可見的領域，我不介意，但這些值必須在發佈後隨模型一起發送。我完全接受插件，只要你能證明他們將如何實現我的目標。

附：我使用Razor視圖的語法，而不是Web窗體

來源

2013-08-07 David Colwell

是否使用第三方滑蓋的？ – ataravati

我仍在調查要使用的滑桿，或推出自己的。 jQueryUI的滑塊似乎只有2個手柄和AJAX控件工具包一個不容易兼容MVC –

jQuery UI的可以做多滑塊手柄。請參閱下面的答案。 –

JQuery用戶界面的滑蓋能夠呈現多個滑塊手柄。訣竅是確保你設置的「範圍」屬性設置爲false。

$(function() { 
    $("#slider-range").slider({ 
     range: false, 
     min: 0, 
     max: 500, 
     values: [ 75, 150, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1)); 
    });

我一起拋出這個JS Fiddle來說明：然後當你想在values數組屬性如下您可以添加儘可能多的價值。

至於這些值綁定到你的模型而言，它應該是一個簡單的任務到一些隱藏要素或可見的UI元素的值設置爲滑塊的價值觀和發佈這些回來。

來源

2013-08-07 04:17:54

所以......簡單！謝了哥們！ –

多手柄滑塊MVC

回答

相關問題