ASP.net中的动态级联按钮列表

时间:2014-01-27 21:38:46

标签: c# asp.net ajax

我试图想出一种在ASP.NET中使用级联按钮过滤器的方法

例如:

系:数学,科学,历史 如果单击数学..按钮显示行..行:1,2,3如果单击科学...行:4,5,6

然后,如果我点击一行,则会出现一个团队按钮列表。团队:A B C

每个按钮都会过滤网格。还必须从数据库表填充按钮文本。因此,根据表格中填充的内容,按钮的数量将是动态的。

这样的事情的最佳方法是什么?使用ajax工具包做一个级联下拉列表会更好吗?或者有没有办法用按钮来做,例如使用Repeater控件?

2 个答案:

答案 0 :(得分:0)

我个人使用jQuery的AJAX函数。你可以这样做:

$(document).on('change', "select#department", function(){
  $.getJSON("/Service/GetLinesById",
    {id: $(this).val(), ajax: 'true'},
    function(data){
    var options = '';        
    for (var i = 0; i < data.length; i++) {
      options += '<option value="' + data[i].title + '">' + data[i].title + '</option>';
    }    
    $('select#lines').html(options);
  });
});

答案 1 :(得分:0)

我建议使用ajax和jQuery,你会发现很多华丽的菜单,你可以看到它们是如何工作的,并尝试模仿它们。