Sorry Guyz if u came here ..after lot of study ...i was able to solve my Problem .. you People may Delete this Question but for Beginners like me ..this would help (i think)
$('document').ready(function () {
//this Will Call function on every selected values from Drop Down
$("#statusList").change(function () {
var selectedValue = $(this).val();
$("#list").GridUnload();
$("#list").trigger('reloadGrid');
$.ajax(gridBind(selectedValue))
});
});
//this function will get called ..and here i will request data for The Grid
function gridBind(selectedValue) {
jQuery('#list').jqGrid({
url: '../api/JqGridTask?UserId=' + @ViewBag.UserId +'&selectedValue=' + selectedValue,
datatype: 'json',
mtype: 'Get',
jsonReader: { repeatitems: false },
colNames: ['UserName', 'TaskId', 'TaskName', 'TaskStatus'],
colModel: [
{ name: 'UserName', index: 'UserName', width: 75 },
{ name: 'TaskId', index: 'TaskId', width: 90 },
{ name: 'TaskName', index: 'TaskName', width: 100, formatter: showLink },
{ name: 'TaskStatus', index: 'TaskStatus', width: 100 }
],
pager: jQuery('#pager'),
rowNum: 10,
rowList: [5, 10, 20, 50],
sortname: 'Id',
sortorder: "desc",
viewrecords: true,
imgpath: '/scripts/themes/coffee/images',
caption: 'My first grid'
}).navGrid('#pager', { edit: false, add: false, del: false });
}
function showLink(cellvalue, options, rowObject) {
return '<a href = "/User/EditTask?TaskId=' + rowObject.TaskId + '">' + rowObject.TaskName + '</a>';
}
</script>
Any ways People thanks .... Thanks StackOverFlow...