多手柄滑块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

回答

相关问题