1

ドロップダウンリストから値を選択した後に取得されるjqgridを追加することを考えています(Status:open、inProgress、Closed、restartedなど)が、選択リストをJQgridのフィルターとしてバインドする方法にこだわっています実装方法のロジック

 <script type="text/javascript">
$('document').ready(function () {
//
    jQuery('#list').jqGrid({
        url: '../api/JqGridTask?UserId=@ViewBag.UserId',
        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>';
}

![C:\Users\shekhar.pankaj\Desktop\Capture.png

そして私のコントローラーコードは..................................................

   public class JqGridTaskController : ApiController
{
     public jsontext GetAllGridData(int UserId,string sidx, string sord, int page = 1,         int rows = 1)
    {
        var jsonType = new jsontext();
        using (var model = new TaskManagerEntities())
        {

            jsonType.rows = (from dtUser in model.UserTasks
                             where dtUser.UserId==UserId 
//here i want to use my conditions that will get returned from dropdown
                             select new TaskUserGrid
                             {
                                 UserName = dtUser.User.FirstName + dtUser.User.LastName,
                                 TaskId=dtUser.Task.TaskId,
                                 TaskName=dtUser.Task.Title,
                                 TaskStatus=dtUser.Task.TaskStatu.StatusType
                             }).ToList();
            return jsonType;
        }
    }
    /// <summary>
    /// 
    /// </summary>
    public class jsontext
    {
        public int total { get; set; }
        public int page { get; set; }
        public int records { get; set; }
        public List<TaskUserGrid> rows { get; set; }
    }
4

1 に答える 1

0

申し訳ありませんが、もしあなたがここに来たら..多くの研究の後...私は私の問題を解決することができました..あなたはこの質問を削除することができますが、私のような初心者にとって..これは役立つでしょう（私は思う）

 $('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>

どんな方法でも 人々のおかげで....ありがとうStackOverFlow ...

于 2014-01-31T08:21:43.250 に答える