How to filter a table two times in mvc View

Question

Hi,

How to filter an MVC view two times. i.e.,In my MVC view ,I am showing a list of records in a table. I want to filter that table two times, first I have to search for all the records from a particular supplier, and that filtered data to be filtered again for another data say item. First I have searched the table for all the records from a particular supplier. From that sub records ,I have to show all the records having a particular item.

For that I have used the script,

$m(document).ready(function () {

$m("#myFilterSup").keyup(function () {

$m.uiTableFilter($m("#myTable"), $m(this).val());

});

This is working fine.

Any help????

Thanks in advance.

Jaima Joseph · Answer

Ok Robbinson..Thank you very much..let me try once again.

Robbinson · Answer

Hi Jaima, don't be confused... its clone of original table which we have restored after first filter to perform second filter on original one. if you want it for further filter not to restore clone table. does this make sense ?

Jaima Joseph · Answer

Hi, Please tell me,this cloneTable is a copy or clone of the original table. That means you are doing the second filtering also on the same first table. But In my case the first filtering output should be the input for the second filtering. Any help?

Robbinson · Answer

Hi Jaima, Below may be the probable scripts to perform this. Please note that below code is not tested okay but the steps are proven. $m(document).ready(function () { // Backup table by clone it. var cloneTable = jQuery("#myTable").clone(true); $m("#myFilterSup").keyup(function () { $m("#myFilterSKU").keyup(function () { $m.uiTableFilter($m("#myTable"), $m(this).val()); // Replace my table with cloned one ("#mytable").replaceWith(cloneTable); }); }); Hope, this will help you out. Please don't forget to mark as answer if this post helps you.

Jaima Joseph · Answer

hi, I have tried the following script,can you please tell me whether this is correct or not?? Can you tell me how to assign an id to the dynamically created second table after the first filtering? $m(document).ready(function () { $m("#myFilterSup").keyup(function () { var cloneTable= $m.uiTableFilter($m("#myTable"), $m(this).val()); }); var cloneTable = jQuery("#myTable").clone(true); $m("#myFilterSKU").keyup(function () { $m.uiTableFilter($m("#cloneTable"), $m(this).val()); }); }); It is not working.

Robbinson · Answer

Yes Jaima, The clone table is the copy of original one. it is the simple concept, just backup original, then filter it, restore from original and again filter on it. Hope, this will help you to understand the concept. Please don't forget to mark as answer if this post helps you.

Jaima Joseph · Answer

Hi Robbinson, Thank you for your reply. I have tried it. But it is not working. This cloneTable is the original one? I want the filtered table for the second filtering. Is there some way to give an id to this dynamically created second table that is the data after first filteration? Thanks in advance.

Robbinson · Answer

Hello Jaima What you can do you can backup the original copy of table using clone in jquery which you can restore once you get the result of your first filter and use it for next filter and so on. Below code snippet will give you an idea. var cloneTable = jQuery("#myTable").clone(true); Hope, this will help you out. Please don't forget to mark as answer if this post helps you.

How to filter a table two times in mvc View

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (8)