Problem with localizing number format in grid when adding required resources manually

Benjamin Müller posted over 10 years ago

Hi guys. In my scenario I cannot use the igLoader to load my resources. So I need to manually load Skript and Style resources.

Now I want to make the igGrid display numbers in German number Format ("." as number Group, "," as decimal divider). All I tried to do this so far went wrong.

Can anyone give me a full example on how to localize the grid to German?
Any help would be appreciated.

Regards, Benjamin

PS: What I'm currently doing is:

        th, td {
            height: 20px;
            font-size:11px;
        }

        .tableHeading {
            background-color: lightgray;
            font-weight: bold;
        }
    </style>

<script type="text/javascript">
        var products = [
                { "Id": "1", "newLine": "", "netPricePerItem": 10000, "chapter": "", "item": "", "productNumber": 1, "amount": 1, "description": "Adjustable Race", "netPosition": true, "netPrice": 10000, "posPrice": 12000, "discount": 5 },
                { "Id": "2", "newLine": "", "netPricePerItem": 12000, "chapter": "", "item": "", "productNumber": 2, "amount": 1, "description": "Adjustable Race", "netPosition": false, "netPrice": 12000, "posPrice": 12000, "discount": 5 },
                { "Id": "3", "newLine": "", "netPricePerItem": 11000, "chapter": "", "item": "", "productNumber": 3, "amount": 1, "description": "Adjustable Race", "netPosition": true, "netPrice": 11000, "posPrice": 12000, "discount": 5 },
                { "Id": "4", "newLine": "", "netPricePerItem": 7000, "chapter": "", "item": "", "productNumber": 4, "amount": 1, "description": "Adjustable Race", "netPosition": true, "netPrice": 7000, "posPrice": 12000, "discount": 5 },
                { "Id": "5", "newLine": "", "netPricePerItem": 500, "chapter": "", "item": "", "productNumber": 5, "amount": 1, "description": "Adjustable Race", "netPosition": false, "netPrice": 500, "posPrice": 12000, "discount": 5 },
        ];

</script>

    <title></title>
</head>
<body style="font-family: Segoe UI; font-size: 11px">
    <div id="summationTableDiv" style="position:fixed;top:30px;left:890px;width:380px;">
        <table id="summationTable" style="font-family: Segoe UI; border: 1px solid black; border-collapse: collapse; width: 380px">
            <colgroup>
                <col class="tableHeading" style="text-align:left;width:200px" />
                <col style="width:80px" />
                <col style="width:100px" />
            </colgroup>
            <tr>
                <td class="tableHeading">Gesamtsumme netto (€)</td>
                <td></td>
                <td></td>
            </tr>
            <tr><td></td><td></td><td></td></tr>
            <tr><td class="tableHeading">Wareneinsatz (€)</td><td></td><td></td></tr>
            <tr><td class="tableHeading">- Verkaufshilfe (€)</td><td></td><td></td></tr>
            <tr><td class="tableHeading">+ Vermittlerprovision (€)</td><td></td><td></td></tr>
            <tr>
                <td class="tableHeading">+ Ausgangsfracht Aufw. (€)</td>
                <td><select id="storageLocationSelect" tabindex="100000" style="width:100%;height:100%" /></td>
                <td></td>
            </tr>
            <tr><td class="tableHeading">= EK (€)</td><td></td><td></td></tr>
            <tr><td></td><td></td><td></td></tr>
            <tr><td class="tableHeading">Deckungsbeitrag (€)</td><td></td><td></td></tr>
            <tr><td class="tableHeading">Deckungsbeitrag (%)</td><td></td><td></td></tr>
        </table>
    </div>
    <div id="positionTableDiv" style="position:absolute;top:30px;left:30px;">
        <table id="positionTable" />

                addNewRow();
                $("#positionTable").igGridUpdating("startEdit", 1, 1);
            });

        </script>
    </div>
    <div id="termsTableDiv"></div>
    <div id="printingOptionsTableDiv"></div>
    <div id="printButtonDiv"></div>
</body>
</html>

29417

Suggested Answer
Offline Maya Kirova posted over 10 years ago in reply to Benjamin Müller

Hello Benjamin ,

Thank you for posting in our forum and thank you for sharing the solution to this issue.

We do have a guide in our documentation that outlines the steps for localizing Ignite UI controls:

http://help.infragistics.com/doc/jQuery/2014.1/CLR4.0/?page=Customizing_the_localization_of_NetAdvantage_for_jQuery_controls.html

You could reference the separate control specific files like infragistics.ui.grid-de.js or you could reference the combined localized file infragistics-de.js. It’s located under js\i18n and contains all localization scripts for all controls.

Let me know if you have any additional questions or concerns related to this.

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://ko.infragistics.com/support
Cancel
Reply

Reject Answer

Cancel
70

Verified Answer
Benjamin Müller posted over 10 years ago

Sorry to bother you guys. It simply depends on the loading sequence of the scripts.

This is how it works (note that the regional scripts are the last to be loaded):

<script src="Scripts/modernizr-2.8.1.js" type="text/javascript"></script>

<script src="Scripts/jquery-ui-1.10.4.js" type="text/javascript"></script>

<script src="Scripts/ig/modules/infragistics.util.js" type="text/javascript"></script>

<script src="Scripts/ig/i18n/infragistics-de.js" type="text/javascript"></script>

<script src="Scripts/ig/infragistics.core.js" type="text/javascript"></script>

<script src="Scripts/ig/infragistics.lob.js" type="text/javascript"></script>

<script src="Scripts/ig/infragistics.dv.js" type="text/javascript"></script>

<script src="Scripts/ig/modules/i18n/regional/infragistics.ui.regional-de.js" type="text/javascript"></script>

<script src="Scripts/ig/modules/i18n/infragistics.ui.grid-de.js" type="text/javascript"></script>

<link href="Styles/ig/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />

<link href="Styles/ig/structure/infragistics.css" rel="stylesheet" type="text/css" />
Cancel
Reply

Reject Answer

Cancel