Nov 30, 2012, 8:55 AM
[CLOSED] How to use DirectEvents in ComponentColumn as Over Editor
Hi, I'm using ComponentColumn as OverEditor like your example : https://examples2.ext.net/#/GridPane...n/Over_Editor/
Can you tell me how I can use DirectEvents when each cell is modified?
My example code:
Can you tell me how I can use DirectEvents when each cell is modified?
My example code:
@{
Layout = null;
var data = new object[]
{
new object[] { 1, 1, "Text 1", DateTime.Now.Date },
new object[] { 2, 2, "Text 2", DateTime.Now.Date },
new object[] { 3, 3, "Text 3", DateTime.Now.Date },
new object[] { 4, 4, "Text 4", DateTime.Now.Date },
new object[] { 5, 5, "Text 5", DateTime.Now.Date },
new object[] { 6, 6, "Text 6", DateTime.Now.Date },
new object[] { 7, 7, "Text 7", DateTime.Now.Date },
new object[] { 8, 8, "Text 8", DateTime.Now.Date },
new object[] { 9, 9, "Text 9", DateTime.Now.Date }
};
}
@Html.X().ResourceManager()
@(Html.X().GridPanel().ForceFit(true)
.Store(s =>
s.Add(Html.X().Store()
.Model(Html.X().Model()
.Fields(f =>
{
f.Add(Html.X().ModelField().Name("IntField"));
f.Add(Html.X().ModelField().Name("ComboField"));
f.Add(Html.X().ModelField().Name("TextField"));
f.Add(Html.X().ModelField().Name("DateField"));
})).DataSource(data)))
.ColumnModel(c =>
{
c.Columns.Add(Html.X().ComponentColumn().DataIndex("IntField").Text("IntField")
.Editor(true).OverOnly(true)
.Component(Html.X().NumberField()));
c.Columns.Add(Html.X().ComponentColumn().DataIndex("ComboField").Text("ComboField")
.Editor(true).OverOnly(true)
.Component(Html.X().ComboBox()
.Items(collection =>
{
collection.Add(new ListItem("Item 1", "1"));
collection.Add(new ListItem("Item 2", "2"));
collection.Add(new ListItem("Item 3", "3"));
collection.Add(new ListItem("Item 4", "4"));
collection.Add(new ListItem("Item 5", "5"));
collection.Add(new ListItem("Item 6", "6"));
collection.Add(new ListItem("Item 7", "7"));
collection.Add(new ListItem("Item 8", "8"));
collection.Add(new ListItem("Item 9", "9"));
})));
c.Columns.Add(Html.X().ComponentColumn().DataIndex("TextField").Text("TextField")
.Editor(true).OverOnly(true)
.Component(Html.X().TextField()));
c.Columns.Add(Html.X().ComponentColumn().DataIndex("DateField").Text("DateField")
.PinEvents("expand").UnpinEvents("collapse")
.Editor(true).OverOnly(true).Renderer(RendererFormat.Date, "'d/m/Y'")
.Component(Html.X().DateField().Format("dd/MM/yyyy")));
}))
Last edited by Daniil; Dec 07, 2012 at 6:41 AM.
Reason: [CLOSED]