asp.net 怎样在页面上做筛选

[kmy001]

如图，这个界面怎么做，一点头绪都没有，请大家赐教。

[Im_Sorry]

引用 2 楼 kmy001 的回复:

点击一下筛选条件这个条件就选中，还有点击更多可以展开折叠。

有这种现成的特效，你可以百度下！JQ实现的！

[以专业开发人员为伍]

如果使用asp.net，那么所有的选择都是LinkButton，点击时把所选择的情况记录到ViewState中（例如

ViewState["通信"]=true

这种形式）。而取消选择则执行

ViewState.Remove("通信");    //或者ViewState["通信"]=false;

要想查询条件（变量） cond 是否被选中，只要判断

var obj = ViewState[cond];
return obj!=null && (bool)obj; 

就可以知道到是否选中了这个条件。 然后在需要获得选择结果时，foreach遍历你的条件集合分别查询，对于选中的，组合进查询条件中。 在界面上看起来，你这个UI上有三个Repeater控件，其中模板里只有一个LinkButton即可。例如在模板中写

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="点击查询条件" 条件值='<%# Eval("select_item") Text='<%# GetText((string)Eval("selected_item")) %>' />

然后处理点击事件

protected void 点击查询条件(object sender, EventArgs e)
{
    var lb = (LinkButton)sender;
    if(lb.CssClass == "lb_selected")
    {
       lb.CssClass="lb_default";
       ViewState[lb.Attributes["条件值"]]= false;
    }
    else
    {
       lb.CssClass="lb_selected";
        ViewState[lb.Attributes["条件值"]]= true;
    }
}

protected string GetText(string cond)
{
    return cond+"("+ 查询数据库得到对应的信息条数(cond) + ")";
}

[late2never]

一开始先展示两行，其他先隐藏，点击【更多】，显示隐藏的信息，【收起】隐藏信息

[以专业开发人员为伍]

如果仅凭印象而浅层地简单匹配一下界面模式，可能谁都会突然蹦出点名词儿来。 关键就是看你能不能说出点深层的设计来。所以你要看到深一点的东西，写好了基本的设计文档，才开始动手写代码。

[以专业开发人员为伍]

“条件值”那里少一个单引号，请自己补上。

[以专业开发人员为伍]

如果是javascript客户端编程，这就完全用不上asp.net了，请到各种html/javascript论坛里发帖问问。 在asp.net论坛里，你基本上都是遇到只因为jQuery等等比较时髦而学习一丁点jQuery的程序员，而不是那些专业的前端开发程序员。因为使用jQuery来解决这个问题，也是需要深度的一些知识，例如如何自动绑定数据而产生列表，如何保存每一个条件的选择事件，如何遍历所有条件从而生成的一个sql语句的where条件部分，等等。也是需要稍微多一点的功夫的。绝不是扔给你只言片语就可以的。

[全栈极简]

http://www.jq-school.com/Detail.aspx?id=280

[md5e]

按职位分类汇总+ 按工作地点分类汇总 + 月薪范围分类汇总

[kmy001]

点击一下筛选条件这个条件就选中，还有点击更多可以展开折叠。

[kmy001]

引用 3 楼 hou306010849 的回复:

[quote=引用 2 楼 kmy001 的回复:] 点击一下筛选条件这个条件就选中，还有点击更多可以展开折叠。

有这种现成的特效，你可以百度下！JQ实现的！[/quote] 具体搜什么关键词呀？

[kmy001]

引用 4 楼 sp1234 的回复:

如果使用asp.net，那么所有的选择都是LinkButton，点击时把所选择的情况记录到ViewState中（例如

ViewState["通信"]=true

这种形式）。而取消选择则执行

ViewState.Remove("通信");    //或者ViewState["通信"]=false;

要想查询条件（变量） cond 是否被选中，只要判断

var obj = ViewState[cond];
return obj!=null && (bool)obj; 

就可以知道到是否选中了这个条件。 然后在需要获得选择结果时，foreach遍历你的条件集合分别查询，对于选中的，组合进查询条件中。 在界面上看起来，你这个UI上有三个Repeater控件，其中模板里只有一个LinkButton即可。例如在模板中写

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="点击查询条件" 条件值='<%# Eval("select_item") Text='<%# GetText((string)Eval("selected_item")) %>' />

然后处理点击事件

protected void 点击查询条件(object sender, EventArgs e)
{
    var lb = (LinkButton)sender;
    if(lb.CssClass == "lb_selected")
    {
       lb.CssClass="lb_default";
       ViewState[lb.Attributes["条件值"]]= false;
    }
    else
    {
       lb.CssClass="lb_selected";
        ViewState[lb.Attributes["条件值"]]= true;
    }
}

protected string GetText(string cond)
{
    return cond+"("+ 查询数据库得到对应的信息条数(cond) + ")";
}

先研究一下

[Im_Sorry]

引用 11 楼 kmy001 的回复:

[quote=引用 4 楼 sp1234 的回复:] 如果使用asp.net，那么所有的选择都是LinkButton，点击时把所选择的情况记录到ViewState中（例如

ViewState["通信"]=true

这种形式）。而取消选择则执行

ViewState.Remove("通信");    //或者ViewState["通信"]=false;

要想查询条件（变量） cond 是否被选中，只要判断

var obj = ViewState[cond];
return obj!=null && (bool)obj; 

就可以知道到是否选中了这个条件。 然后在需要获得选择结果时，foreach遍历你的条件集合分别查询，对于选中的，组合进查询条件中。 在界面上看起来，你这个UI上有三个Repeater控件，其中模板里只有一个LinkButton即可。例如在模板中写

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="点击查询条件" 条件值='<%# Eval("select_item") Text='<%# GetText((string)Eval("selected_item")) %>' />

然后处理点击事件

protected void 点击查询条件(object sender, EventArgs e)
{
    var lb = (LinkButton)sender;
    if(lb.CssClass == "lb_selected")
    {
       lb.CssClass="lb_default";
       ViewState[lb.Attributes["条件值"]]= false;
    }
    else
    {
       lb.CssClass="lb_selected";
        ViewState[lb.Attributes["条件值"]]= true;
    }
}

protected string GetText(string cond)
{
    return cond+"("+ 查询数据库得到对应的信息条数(cond) + ")";
}

先研究一下[/quote] jq仿京东筛选！

[kmy001]

引用 11 楼 kmy001 的回复:

[quote=引用 4 楼 sp1234 的回复:] 如果使用asp.net，那么所有的选择都是LinkButton，点击时把所选择的情况记录到ViewState中（例如

ViewState["通信"]=true

这种形式）。而取消选择则执行

ViewState.Remove("通信");    //或者ViewState["通信"]=false;

要想查询条件（变量） cond 是否被选中，只要判断

var obj = ViewState[cond];
return obj!=null && (bool)obj; 

就可以知道到是否选中了这个条件。 然后在需要获得选择结果时，foreach遍历你的条件集合分别查询，对于选中的，组合进查询条件中。 在界面上看起来，你这个UI上有三个Repeater控件，其中模板里只有一个LinkButton即可。例如在模板中写

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="点击查询条件" 条件值='<%# Eval("select_item") Text='<%# GetText((string)Eval("selected_item")) %>' />

然后处理点击事件

protected void 点击查询条件(object sender, EventArgs e)
{
    var lb = (LinkButton)sender;
    if(lb.CssClass == "lb_selected")
    {
       lb.CssClass="lb_default";
       ViewState[lb.Attributes["条件值"]]= false;
    }
    else
    {
       lb.CssClass="lb_selected";
        ViewState[lb.Attributes["条件值"]]= true;
    }
}

protected string GetText(string cond)
{
    return cond+"("+ 查询数据库得到对应的信息条数(cond) + ")";
}

先研究一下[/quote] 还有点不明白 ：1.foreach遍历你的条件集合分别查询，ViewState里边的么？

[by_封爱]

http://bbs.csdn.net/topics/350154106 看下这个 早些年的

[kmy001]

引用 4 楼 sp1234 的回复:

如果使用asp.net，那么所有的选择都是LinkButton，点击时把所选择的情况记录到ViewState中（例如

ViewState["通信"]=true

这种形式）。而取消选择则执行

ViewState.Remove("通信");    //或者ViewState["通信"]=false;

要想查询条件（变量） cond 是否被选中，只要判断

var obj = ViewState[cond];
return obj!=null && (bool)obj; 

就可以知道到是否选中了这个条件。 然后在需要获得选择结果时，foreach遍历你的条件集合分别查询，对于选中的，组合进查询条件中。 在界面上看起来，你这个UI上有三个Repeater控件，其中模板里只有一个LinkButton即可。例如在模板中写

<asp:LinkButton runat="server" ID="LinkButton1" OnClick="点击查询条件" 条件值='<%# Eval("select_item") Text='<%# GetText((string)Eval("selected_item")) %>' />

然后处理点击事件

protected void 点击查询条件(object sender, EventArgs e)
{
    var lb = (LinkButton)sender;
    if(lb.CssClass == "lb_selected")
    {
       lb.CssClass="lb_default";
       ViewState[lb.Attributes["条件值"]]= false;
    }
    else
    {
       lb.CssClass="lb_selected";
        ViewState[lb.Attributes["条件值"]]= true;
    }
}

protected string GetText(string cond)
{
    return cond+"("+ 查询数据库得到对应的信息条数(cond) + ")";
}

基本上看明白了就是foreach遍历不知道怎么写。sp1234大哥请指教。