Использование jqGrid с WCF WebAPI

Question

Использование jqGrid с WCF WebAPI

Я использую wcf webapi для получения данных из моего приложения asp.net и пытаюсь отобразить их с помощью jqGrid. Данные возвращаются в виде:

[{"DriverIdentifier":"I61","ScoreImpact":22},{"DriverIdentifier":"E57","ScoreImpact":21},{"DriverIdentifier":"K63","ScoreImpact":14}]

В шапке у меня есть:

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="Scripts/i18n/grid.locale-en.js"></script>    
<script type="text/javascript" src="Scripts/json2.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#driverScoreCard").jqGrid({
            url: 'api/ClientCenter',
            datatype: 'json',
            jsonReader: {
                repeatitems: false,
                id: 'DriverIdentifier',
                root: function (obj) { return obj; },
                rows: function (obj) { return obj; },
                page: function (obj) { return 1; },
                total: function (obj) { return 1; },
                records: function (obj) { return obj.length; }
            },
            mtype: 'GET',
            colNames: ['Driver Identifier', 'Score Impact'],
            colModel: [
                { name: 'DriverIdentifier', index: 'DriverIdentifier', width: 100 },
                { name: 'ScoreImpact', index: 'ScoreImpact', width: 100 }
            ],
            pager: $('#pager'),
            caption: 'Some Grid'
        }); 
    }); 
</script>

И внизу страницы у меня есть следующие элементы:

0

jquery jqgrid jqgrid-asp.net wcf-web-api

Источник

user105536 05 авг '11 в 18:38

1 ответ

Решение

Другие вопросы по тегам jquery jqgrid jqgrid-asp.net wcf-web-api

user315935 05 авг '11 в 18:51 2011-08-05 18:51 · Accepted Answer · 2011-08-05 18:51

Вы должны изменить порядок i18n/grid.locale-en.js файл и jquery.jqGrid.min.js и все будет хорошо: смотрите здесь

2

Источник

user315935 05 авг '11 в 18:51