How to do filtration from list

Question

0.00/5 (No votes)

See more:

Hi
i need some help for my app ,in my app i get list of data from web service(example Name which have number of duplicate entry ).when application launch it show all name.
there is one text field in top where i write name (for getting information)so if i write ex naveen then it show all naveen from the list only.

Can you please help me.

Thanks

Posted 16-Sep-12 19:08pm

ravi1989h

Add a Solution

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)

**AmitGajjar** · Answer 1 · 2012-09-16T19:16:00

Solution 1

Hi,

You need to crate one function that takes input as the list and search string. the function will return the filtered list from the javascript.

Hope it works for you.

Posted 16-Sep-12 19:16pm

AmitGajjar

Updated 16-Sep-12 20:16pm

v2

Comments

ravi1989h 17-Sep-12 2:13am

Hi i show some demo but not able to do that ..onload i call one function insert data in table , i store the name in name array.on click i want to all name which have same name ..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Departure dashboard</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/scrollbar.css" rel="stylesheet" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript" src="script/soapclient.js"></script>
<script type="text/javascript" src="script/jquery.min.js"></script>
<script type="text/javascript" src="script/iScroll.js"></script>

<script type="text/javascript">
var stationCode;
var stationName;
var myTimedCall;
var myScroll;
var name=new Array();

function GetDepartureStationDashboard_callBack()
{

var tbl = document.getElementById('mainBodyDivContent');

for (var i = 0; i <20; i++) {
var tr = document.createElement('tr');
tr.setAttribute('id', i);
(function(id) {
tr. önclick = function() {
if(myScroll.isScrolling) {return;}

};
}(i));

var td1 = document.createElement('td');
td1.setAttribute('style','width:1%');
td1.setAttribute('align','left');

td1.innerHTML = i;

var td2 = document.createElement('td');
td2.setAttribute('style','width:47%; text-align;left;');

td2.innerHTML = "jh" + "-" + "gjhg";
var td3 = document.createElement('td');
td3.setAttribute('style','width:35%; text-align;left;');

if(i<5){
td3.innerHTML = "dfdd";
name[i]="dfdd";
}
else{
td3.innerHTML = "dsfdfsdf";
name[i]="dsfdfsdf";
}
var td4 = document.createElement('td');
td4.setAttribute('style','width:3%');
td4.setAttribute('align','center');

tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);

tbl.appendChild(tr);
}

myScroll = new iScroll('mainBodyDiv', {
snap: 'tr',
scrollbarClass: 'myScrollbar',
"onScrollMove": function(e) {
myScroll.isScrolling = true;
},
"onScrollEnd": function(e) {
window.setTimeout(function() {myScroll.isScrolling = false;}, 120);
}
});

}

function FillValues(){

// var result = name.Where(s=> name == "dfdd");
//alert(result[0]);
}

</script>
</head>
<body önload="GetDepartureStationDashboard_callBack()">
<div class="scroll-pane" id="mainBodyDiv">
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="mainBodyDivContent">
</table>

</div>
</div>
<button type="submit" id="submitBtn3" class="btn" önclick="FillValues();" >All today</button>
</body>
</html>

ravi1989h 17-Sep-12 2:13am

can you please help

AmitGajjar 17-Sep-12 2:15am

are you using javascript only ?

AmitGajjar 17-Sep-12 2:18am

Don't post code dump here, Improve question to update your question.

ravi1989h 17-Sep-12 2:17am

yes

ravi1989h 17-Sep-12 2:25am

Actually Here i add all element name[i] array ;which are display in table .
on button click i want to display how much name are present var result = name.Where(s=> name == "dfdd"); example.

AmitGajjar 17-Sep-12 2:26am

is this asp.net application ?

ravi1989h 17-Sep-12 2:27am

No..simple html + java script problem ..But i am using this in phonegap

AmitGajjar 17-Sep-12 2:33am

See http://www.tutorialspoint.com/javascript/array_filter.htm

it's javascript filter array function.

ravi1989h 17-Sep-12 2:54am

It good example thanks....can you explain what is use of this function

if (!Array.prototype.filter)
{
Array.prototype.filter = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new TypeError();

var res = new Array();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this)
{
var val = this[i]; // in case fun mutates this
if (fun.call(thisp, val, i, this))
res.push(val);
}
}

return res;
};
}

AmitGajjar 17-Sep-12 2:57am

not sure but it may iterate through your array and filter the data. i suggest you to just get some idea from the link but create your own function. it will help you in future to debug.

ravi1989h 17-Sep-12 2:56am

actually when i write only this then also code run without no error getting expected result...what is doing this code , can you please explain..
if (!Array.prototype.filter)
{
Array.prototype.filter = function(fun /*, thisp*/)
{
}
}

ravi1989h 17-Sep-12 2:58am

ok..