javascript - 更改 Kendo UI 中的语言

标签 javascript function kendo-ui

我使用 Kendo UI 创建网格。我使用选项 data-filterable 来过滤数据。 我想将语言从英语更改为波兰语。 我该怎么做?

enter image description here

您可以在下面找到我的脚本。我想用波兰语等值交换“等于”。

  var viewModel;
        viewModel = kendo.observable({
            isVisible: true,
            products: new kendo.data.DataSource({
                schema: {
                    model: {
                        id: "ProductID",
                        fields: {
                            login: {type: "string"},
                            naz_druk: {type: "string"},
                            naz_wys: {type: "string"},
                            zabl: {type: "string"},
                            arch: {type: "string"},
                            ost_log: {type: "date"},
                            il_log: {type: "number"},
                            gen_zap: {type: "number"},
                            il_zap: {type: "number"}
                        }
                    }
                },
                    batch: true,
                    data: [{
                        "login": "AGCDE",
                        "naz_druk": "Jan Kowalski",
                        "naz_wys": "Jan Kowalski",
                        "zabl": "TAK",
                        "arch": "NIE",
                        "ost_log": "12/12/2016",
                        "il_log": "5",
                        "gen_zap": "5",
                        "il_zap": "5"
                    },
                        {
                            "login": "bbbGCDE",
                            "naz_druk": "Jan Nowak",
                            "naz_wys": "Jan Nowak",
                            "zabl": "NIE",
                            "arch": "NIE",
                            "ost_log": "12/06/2016",
                            "il_log": "2",
                            "gen_zap": "2",
                            "il_zap": "2"
                        }]
                })
        });
        kendo.bind($("#oknoGlowne"), viewModel);
meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
        <!--<link rel="stylesheet" type="text/css" href="format_cs.css">-->

        <base href="http://demos.telerik.com/kendo-ui/grid/mvvm">
        <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
        <title></title>
        <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css" />
        <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.412/styles/kendo.uniform.min.css" />

        <script src="//kendo.cdn.telerik.com/2016.1.412/js/jquery.min.js"></script>
        <script src="//kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script>

        <link rel="stylesheet" href="../content/shared/styles/examples-offline.css">
        <script src="../content/shared/js/console.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
<div>
    <!-- Container glówne okno-->
    <div id="oknoGlowne"
         data-role="window"
         data-title="Lista użytkowników"
         data-bind="visible: isVisible"
         data-width="800"
         data-height="400"
         style="padding:0; border: none;"
         data-actions="[
                 'Pin',
                 'Minimize',
                 'Maximize',
                 'Close',
                 ]"
    >

        <div data-role="splitter"
             data-orientation="vertical"
             data-panes="[{
             collapsible: false,
             resizable: false,
             size: '30px'
             },{
             collapsible: false,
             resizable: true
             }]"
             style="height: 100%; border: none;">
            <!-- Główny div-->
            <div>
                <!-- Menu główne-->
                <div class="menuGlowne"
                     data-role="menu"
                     data-resizable="true"
                     data-bind="events: { select: onMenuSelect }"
                     style="width: 100%; border: none;background-color: lightgray; ">
                    <li><input class="search"
                               style="width:150px;"
                               data-spinners="false"
                               placeholder="Rola"></li>
                    <li><input class="search"
                               style="width:150px;"
                               data-spinners="false"
                               placeholder="Loginid"></li>
                    <li data-menu-id="dodajUzytkownika"
                        data-title="Dodaj użytkownika"
                        data-role="tooltip"
                        data-auto-hide="true"
                        data-position="top">
                        <span class="fa fa-plus"></span></li>
                    <li data-menu-id="edycjauzytkownika"
                        data-title="Edytuj/uzupełnij dane użytkownika"
                        data-role="tooltip"
                        data-auto-hide="true"
                        data-position="top">
                        <span class="fa fa-pencil-square-o"></span></li>
                </div>
                <div>
                    <div data-role="grid"
                         data-editable="false"
                         data-sortable="true"
                         data-pageable='{
                             "previousNext": true,
                             "numeric": true,
                             "pageSizes": true,
                             "info": true
                             }'

                         data-resizable="true"
                         data-columns="[
                             { 'field': 'login', 'width': 50, 'title' : 'Login'},
                             { 'field': 'naz_druk','width': 50, 'title' : 'Nazwa drukowana' },
                             { 'field': 'naz_wys','width': 50, 'title' : 'Nazwa wyświetlana' },
                             { 'field': 'zabl','width': 20, 'title' : 'Zablokowany' },
                             { 'field': 'arch','width': 20, 'title' : 'Zarchiwizowany' },
                             { 'field': 'ost_log','width': 50, 'title' : 'Ostatnie logowanie','format': '{0:MM/dd/yyyy}' },
                             { 'field': 'il_log','width': 20, 'title' : 'Ilość logowań' },
                             { 'field': 'gen_zap','width': 20, 'title' : 'Wygenerowane zapytania' },
                             { 'field': 'il_zap', 'width': 20,'title' : 'Ilość zapytań' },
                             ]"
                         data-bind="source: products,
                            visible: isVisible,
                            events: {
                            save: onSave
                            }"

                         data-filterable="[
                         { field: 'login', operator: 'startswith' },
                         { field: 'naz_druk', operator: 'startswith' },
                         { field: 'naz_wys', operator: 'startswith' },
                         { field: 'zabl', operator: 'startswith' },
                         { field: 'arch', operator: 'startswith' },
                         { field: 'ost_log', operator: 'startswith' },
                         { field: 'il_log', operator: 'startswith' },
                         { field: 'gen_zap', operator: 'startswith' },
                         { field: 'il_zap', extra: 'false', operator: 'number' },

                         ]"

                         style="height: 100%; border: none;">
                    </div>
                </div>
            </div>
        </div>
    </div>

最佳答案

关于javascript - 更改 Kendo UI 中的语言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37268941/

相关文章:

javascript - Kendo Multiselect 具有箭头图标和单击时关闭的行为

kendo-ui - 如何有条件地格式化选项卡条中包含的 Kendo UI 网格行?

c# - 如何更改 Kendo UI Grid 上的文本销毁或删除命令操作?

javascript - 如何从 servlet 调用 JavaScript 函数

php - 使用php和json将mysql时间戳数组转换为javascript日期数组

JavaScript 迭代 Page 中的所有变量

javascript - 切换图像上的 src 属性

Javascript 使用在函数外部声明的变量返回值 + undefined

c++ - atol()、atof()、atoi() 函数行为,是否有稳定的方法从/到字符串/整数转换?

python - 具有描述符和属性对象的属性查找优先级