use checkbox oncheck/uncheck to filter in mvc razor 4

Question

0.00/5 (No votes)

See more:

Hi
I have used checkbox onselectedindexchange event in updatepanel using listview in asp.net framework 3.5

But now i m developing in mvc razor 4,

and i have listview (using foreach in html) , and want to use checkbox onclick , filter listview and display new results.also when new results are displayed,the whole page should not be refreshed, only listview should be refreshed......

also if checkbox in unchecked , the result should again be filtered without checkbox value and display..

How to do this in MVC razor 4 asp.net c#

Posted 14-Jul-14 23:14pm

maulikshah1990

Add a Solution

Comments

[no name] 15-Jul-14 7:24am

you can do it in jquery

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

loctrice · Answer 1 · 2014-07-15T09:01:00

Solution 1

Razor and c# are server side. Ajax is client side.

I think the path of least resistance for someone from web forms is a set of tools like Telerik[^]

If not, then you can always make a controller endpoint that uses a JsonResult rather than an ActionResult. You can call it from jquery (or regular javascript) and update the page with the results.

JavaScript

function foo(){
    $.ajax({
      url:'yourendpoint',
      data:{arg1:value},
      success:function(data){
           //update your html here
      }
    });
}

C#

public JsonResult MyEndpoint(/*args here*/)
{
  //do your programming to get the data
  var myData = /*result of your program query*/
  return Json(myData,JsonBehavior.AllowGet);
}

You can get much more complex with ajax forms, etc... but I think that is the easiest way to explain it.

Posted 15-Jul-14 9:01am

loctrice

Comments

maulikshah1990 16-Jul-14 0:58am

One problem i have is , i have multiple checkboxes , like

<input type="checkbox" name="stars[]" value="1" />1

<input type="checkbox" name="stars[]" value="2" />2

<input type="checkbox" name="stars[]" value="3" />3

<input type="checkbox" name="stars[]" value="4" />4

<input type="checkbox" name="price[]" value="121" />121

<input type="checkbox" name="price[]" value="254" />254

<input type="checkbox" name="price[]" value="312" />312

<input type="checkbox" name="price[]" value="410" />410

I want to use both checkbox values , i.e when any of price[] and stars[] is checked , call function from controller and filter table according to checkbox values.

if any checkbox unchecked / checked ,call controller function , and filter values ..

I Hope u understood what i mean ????

How to use ajax to get values from both checkbox list ,and then call same controller function ,
so that datatable return is filtered using both checkbox list , or etc...etc...

loctrice 16-Jul-14 8:19am

You use jquery to get the values from the checked checkboxes similar to http://stackoverflow.com/questions/786142/how-to-retrieve-checkboxes-values-in-jquery . Then you take the values and put them in the data section of your ajax call. You will also need to add them to your mvc controller so it has a place to map them.