Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ The following procedure takes you through the steps necessary for adding the igC
In order to create an igCategoryChart control, you must first have data to bind it to. The following code snippet demonstrates how to create a simple data source. For more information on binding to other data sources, please refer to the following topic, [Binding to Data](/categorychart-binding-to-data.mdx).

**In HTML:**
```
```html
var data = [
{ "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },
{ "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -134,7 +134,7 @@ This procedure also assumes that you are using Visual Studio 2013 and MVC5.

**In C#**

```
```csharp
public static void Register(HttpConfiguration config)
{
ODataConventionModelBuilder builder =
Expand Down Expand Up @@ -276,7 +276,7 @@ If you inspect the request using the developer tools of your browser you will se

**In JavaScript**

```
```javascript
{
"odata.metadata":"http://localhost/odata/$metadata#Products&$select=ProductID,ProductName,QuantityPerUnit,UnitPrice,UnitsInStock","odata.count":"77","value":[
{
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -254,7 +254,7 @@ Listing 7: Example usage of columnSettings


**In JavaScript:**
```
```javascript
$("#grid1").igGrid({
columns: [
{ headerText: "Product ID", key: "ProductID", dataType: "number" },
Expand All @@ -281,14 +281,14 @@ Listing 8: Binding to client-side events from anywhere in your application


**In JavaScript:**
```
```javascript
$("#grid1").on("iggridfilteringdatafiltered", handler);
```

Listing 9: Binding to client-side events by specifying the event name as an option when you initialize the filtering feature (case sensitive)

**In JavaScript:**
```
```javascript
$(function () {
$("#grid1").igGrid({
columns: [
Expand Down Expand Up @@ -503,7 +503,7 @@ There are additional options that further affect the behavior and visualization


**In JavaScript:**
```
```javascript
$("#grid1").igGrid({
columns: [
{ headerText: "Employee ID", key: "EmployeeID", dataType: "string", hidden: true },
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -463,7 +463,7 @@ Following is a conceptual overview of the process:
```

**In JavaScript**
```js
```javascript
$("#grid1").live("iggridsummariessummariescalculating ", gridSummariesCalculating);
```

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ The EditorProvider class inherits from a base Class implementation where the "ex
The prototypes of the two main classes look as follows:

**In JavaScript**
```
```javascript
$.ig.EditorProvider = $.ig.EditorProvider || Class.extend({
createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) { ... },
keyDown: function (evt, ui) { ... },
Expand Down Expand Up @@ -99,7 +99,7 @@ The custom editor provider instance should either extend $.ig.EditorProvider/$.i

**In JavaScript**

```
```javascript
createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) {
//Used to initialize the editor

Expand Down Expand Up @@ -188,7 +188,7 @@ This procedure demonstrates how to wrap a simple HTML 5 number INPUT into an edi

**In JavaScript**

```
```javascript
var northwindEmployees = [
{ "ID": 1, "Name": "Davolio, Nancy", "Title": "Sales Representative", "HireDate": "\/Date(1224795600000)\/", "Country": "USA", "Age": 22 },
{ "ID": 2, "Name": "Fuller, Andrew", "Title": "Vice President, Sales", "HireDate": "\/Date(1269640800000)\/", "Country": "USA", "Age": 22},
Expand Down Expand Up @@ -229,7 +229,7 @@ This procedure demonstrates how to wrap a simple HTML 5 number INPUT into an edi
2. Create a custom editor provider that extends the default EditorProvider and overwrite its default methods.

**In JavaScript**
```
```javascript
$.ig.EditorProviderInput = $.ig.EditorProviderInput || $.ig.EditorProvider.extend({
createEditor: function (callbacks, key, editorOptions, tabIndex, format, element) {
element = element || $('<input/>');
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -451,7 +451,7 @@ Adding batch updates to an instantiated grid requires that you use the live meth
</script>
```
**In Razor:**
```
```cshtml
<%= Html.Infragistics().Grid(Model).ID("grid1").PrimaryKey("ProductID").UpdateUrl(Url.Action("UpdatingSaveChanges")).Columns(column =>
{
column.For(x => x.ProductID).HeaderText("Product ID").Width("100px");
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ This procedure guides you through the process of configuring an igCombo editor i

**In JavaScript**

```
```javascript
$("#gridProducts").igGrid({
dataSource: northwindProductsJSON,
autoGenerateColumns: false,
Expand Down Expand Up @@ -68,7 +68,7 @@ This procedure guides you through the process of configuring an igCombo editor i

**In JavaScript**:

```
```javascript
columnSettings: [{
columnKey: "CategoryID",
editorType: 'combo',
Expand All @@ -95,7 +95,7 @@ This procedure guides you through the process of configuring an igCombo editor i
If you’d like the text of the associated drop-down items to be displayed in the grid cells instead of the value an additional <ApiLink type="iggrid" member="columns.formatter" section="options" label="formatter" /> function will need to be defined for the column in order for the value to be associated with the corresponding display text. A similar example can be found in the following related sample: [Grid with Combo Editor](&#123;environment:NewSamplesUrl&#125;/combo/grid-with-combo-editor)

**In JavaScript**
```
```javascript
function formatCategoryCombo(val) {
var i, category;
for (i = 0; i < northWindCategoriesJSON.length; i++) {
Expand All @@ -122,7 +122,7 @@ The following proceedure guides you through the process of creating a custom pro

**In JavaScript**

```
```javascript
var northwindProductsJSON = [
{ "ID": 0, "Name": "Bread", "Description": "Whole grain bread", "Price": "2.5", "CategoryID": "Food" },
{ "ID": 1, "Name": "Milk", "Description": "Low fat milk", "Price": "3.5", "CategoryID": "Beverages" },
Expand Down Expand Up @@ -174,7 +174,7 @@ The following proceedure guides you through the process of creating a custom pro
2. Create a custom editor provider that extends the default EditorProviderCombo and overwrite its default getValue and setValue methods.

**In JavaScript**
```
```javascript
$.ig.ComboEditorProviderCustom = $.ig.EditorProviderCombo.extend({
getValue: function () {
var val = this.editor.value();
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ The following code snippet demonstrates how to disable selection.

**In Javascript:**

```
```javascript
$(function () {
$("#chart").igPieChart({
dataSource: data,
Expand Down Expand Up @@ -86,7 +86,7 @@ The events that end in “Changing” are cancelable events which means you can

**In Javascript:**

```
```javascript
$(function () {
$("#chart").igPieChart({
dataSource: data,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -472,7 +472,7 @@ Add reference to the jQuery, jQueryUI and the IgniteUI scripts and css classes:

**In C#:**

```
```csharp
@(Html.Infragistics().TreeGrid(Model)
.ID("treegrid1")
.Width("100%")
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ To add a custom message you can use the `UploadStarting`, `UploadFinishing` and

**In C#**

```
```csharp
public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.UploadStartingEventArgs e){
e.ServerMessage = "Upload of " + e.FileName + " started.";
}
Expand All @@ -83,7 +83,7 @@ This value can then be retrieved on the client-side on the related client-side e

**In JavaScript:**

```
```javascript
$(function(){
$("#upload1").on("iguploadfileuploading", function (evt, ui) {
alert(ui.fileInfo.serverMessage);
Expand All @@ -104,7 +104,7 @@ In order to add additional data to the request you can use the <ApiLink type="ig

**In JavaScript:**

```
```javascript
$("#upload1").on("iguploadonformdatasubmit", function (evt, ui) {
$("#upload1").igUpload("addDataField", ui.formData, { "name": "Parameter Name", "value": "Value" });
});
Expand All @@ -113,7 +113,7 @@ To get the data on the server-side you can use the `UploadStarting`,`UploadFinis

**In C#:**

```
```csharp
public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.UploadStartingEventArgs e){
foreach (var dataField in e.AdditionalDataFields)
{
Expand Down Expand Up @@ -147,7 +147,7 @@ You register the `UploadStarting` event handler in the `Global.asax` in the ` Ap

**In C#**

```
```csharp
protected void Application_Start()
{
//configurations for Area Registration, WebApi, Filte and Route
Expand All @@ -172,7 +172,7 @@ public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.U

**In C#**

```
```csharp
public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.UploadStartingEventArgs e){
//Custom Validation logic
e.ServerMessage = "Custom error";
Expand All @@ -185,7 +185,7 @@ public static void igUpload_UploadStarting(object sender, Infragistics.Web.Mvc.U

**In JavaScript**

```
```javascript
$(function(){
$("#upload1").on("iguploadonerror", function (evt, ui) {
// This property can be set during the
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -322,7 +322,7 @@ The following demonstrates how to use the loader with the &#123;environment:Prod

**In Razor:**

```
```cshtml
<script src="http://localhost/igniteui/js/infragistics.loader.js"></script>

$(Html.Infragistics()
Expand Down