<ej:Grid ID="Grid1" AllowPaging="True" ShowStackedHeader="True" runat="server">
<EditSettings AllowEditing="True" AllowAdding="True" AllowDeleting="True" EditMode="normal"></EditSettings>
<ToolbarSettings ShowToolbar="True" ToolbarItems="add,edit,delete,update,cancel"></ToolbarSettings>
<Columns>
<ej:Column Field="TrimItemCode" HeaderText="trim Item Code" TextAlign="Right" Width="90" />
<ej:Column Field="S" HeaderText="S size" Width="100" />
<ej:Column Field="XL" HeaderText="XL size" Width="100" />
<ej:Column Field="M" HeaderText="M size" Width="100" />
<ej:Column Field="XXL" HeaderText="XXL size" Width="100" />
<ej:Column Field="Column" Template="True" TemplateID="#columnTemplate" HeaderText="Last column" Width="100" />
</Columns>
<StackedHeaderRows>
<ej:StackedHeaderRow>
<StackedHeaderColumns>
<ej:StackedHeaderColumn Column="S,XL,M,XXL,Column" HeaderText="Order Details" />
</StackedHeaderColumns>
</ej:StackedHeaderRow>
</StackedHeaderRows>
</ej:Grid>
</div>
<script type="text/x-jsrender" id="columnTemplate">
{{if Verified}}
<input type="checkbox" id="Verified" name="Verified" checked="checked" class="e-field e-checkbox"style="width:30px" />
<span>CW1</span>
{{else}}
<input type="checkbox" id="Verifd" name="Verified" class="e-field e-checkbox" style="width:30px" />
<span>CW2</span>
{{/if}}
</script>
</asp:Content> |
private void BindDataSource()
{
order.Add(new Orders("CW:1/white grey", false, false, false, true, false));
order.Add(new Orders("CW:2/Copper tin", true, true, true, true, true));
order.Add(new Orders("CW:3/White tin", false, false, true, false, false));
this.Grid1.DataSource = order;
this.Grid1.DataBind();
}
[Serializable]
public class Orders
{
public Orders()
{
}
public Orders(string Trimitemcode, bool s, bool xl, bool m, bool xxl, bool column)
{
this.TrimItemCode = Trimitemcode;
this.S = s;
this.XL = xl;
this.M = m;
this.XXL = xxl;
this.Column = column;
}
public string TrimItemCode { get; set; }
public bool S { get; set; }
public bool XL { get; set; }
public bool M { get; set; }
public bool XXL { get; set; }
public bool Column { get; set; }
}
}
}
|