Skip to content

Instantly share code, notes, and snippets.

@ymita
ymita / igGrid_with_columns_defined.html
Created December 20, 2017 06:46
igGrid with columns and rows dynamically created
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="http://cdn-na.infragistics.com/igniteui/2017.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"
/>
<link href="http://cdn-na.infragistics.com/igniteui/2017.2/latest/css/structure/infragistics.css" rel="stylesheet" />
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
@ymita
ymita / html.json
Created June 5, 2017 07:13
(snippet) igGrid init with columns defined
{
"igGrid init with columns defined": {
"prefix": "grid",
"body": [
"<!DOCTYPE html>",
"<html>",
"<head>",
" <title></title>",
" <link href=\"http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css\" rel=\"stylesheet\" />",
" <link href=\"http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/infragistics.css\" rel=\"stylesheet\" />",
@ymita
ymita / igGrid with columns defined
Last active May 22, 2017 08:04
igGrid initialized with defined columns
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Ignite UI Required Combined CSS Files -->
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/infragistics.css" rel="stylesheet" />
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
@ymita
ymita / gist:1af6c2455b077aaf65fbececb497ddf2
Created May 19, 2017 01:18
WebDataGrid databind VB.NET
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Session("data") Is Nothing Then
Session("data") = getData()
End If
Me.WebDataGrid1.DataSource = Session("data")
End Sub
Private Function getData() As DataTable
@ymita
ymita / gist:95c6d84b528922c948e17a843ea9c7f2
Created December 1, 2016 06:35
XamDataGrid template two way binding
<igDP:XamDataGrid DataSource="{Binding Tasks}">
<igDP:XamDataGrid.FieldLayoutSettings>
<igDP:FieldLayoutSettings AutoGenerateFields="False" />
</igDP:XamDataGrid.FieldLayoutSettings>
<igDP:XamDataGrid.FieldLayouts>
<igDP:FieldLayout>
<igDP:FieldLayout.Fields>
<igDP:Field Name="ID" Label="ID"/>
<igDP:TemplateField Name="Title" Label="Title">
<igDP:TemplateField.Settings>
@ymita
ymita / XamDataGrid multi row layout
Created December 1, 2016 05:35
XamDataGrid multi row layout
<igDP:XamDataGrid DataSource="{Binding Tasks}">
<igDP:XamDataGrid.FieldLayoutSettings>
<igDP:FieldLayoutSettings
AutoGenerateFields="False"
AutoArrangeCells="Never" />
</igDP:XamDataGrid.FieldLayoutSettings>
<igDP:XamDataGrid.FieldLayouts>
<igDP:FieldLayout>
<igDP:FieldLayout.Fields>
<igDP:Field Name="ID" Label="ID" Row="0" Column="0"/>
@ymita
ymita / WebDataGrid databind
Created November 30, 2016 01:12
WebDataGrid DataTable bind
protected void Page_Load(object sender, EventArgs e)
{
if (Session["data"] == null)
{
Session["data"] = getData();
}
this.WebDataGrid1.DataSource = Session["data"];
}
@ymita
ymita / igGrid with simple data
Created November 29, 2016 07:14
igGrid with simple data
var data = [
{ "ID": 1, "Name": "John Smith", "Age": 45 },
{ "ID": 2, "Name": "Mary Johnson", "Age": 32 },
{ "ID": 3, "Name": "Bob Ferguson", "Age": 27 }
];
$("#grid").igGrid({
autoGenerateColumns: false,
columns: [
{ headerText: "ID", key: "ID", dataType: "number" },