Hi to all,
I followed example in dojo to do this (example in dojo.PNG) that is exactly what I need.
In my case, instead, I'm using a text/x-kendo-template, it's an only difference between my code and example's dojo.
Instead see same effect, I found that my grid is overflowed of window perimeter (examplemy grid.PNG), to see the footer of my grid I need to scroll down at the end (end of grid overflowed.PNG)
This is my style script
style>
#itemLedgerEntriesWindow {
padding: 0;
}
#ileGrid {
border-width: 0;
height: 100%; /* DO NOT USE !important for setting the Grid height! */
}
#ileTemplate {
border-width: 0;
height: 100%; /* DO NOT USE !important for setting the Grid height! */
}
This is my code
<!--Template della window relativa ai dettagli-->
<
input
type
=
"hidden"
id
=
"purchaseKey"
name
=
"purchaseKey"
value
=
"false"
/>
<
script
type
=
"text/x-kendo-template"
id
=
"ileTemplate"
>
<
input
type
=
"hidden"
id
=
"itemNoKey"
name
=
"itemNoKey"
value
=
"#= No #"
/>
@(Html.Kendo().Grid<
ItemLedgerEntryModel
>()
.Name("ileGrid")
.Filterable()
.AutoBind(true)
.Columns(columns =>
{
columns.Bound(f => f.DocumentNo);
columns.Bound(f => f.OrderNo);
columns.Bound(f => f.VendorNo);
columns.Bound(f => f.PostingDate).Format("{0:dd/MM/yyyy}");
columns.Bound(f => f.EntryType);
columns.Bound(f => f.UnitOfMeasureCode);
columns.Bound(f => f.Quantity).Format("{0:N2}").HtmlAttributes(new { style = "text-align: right;" });
})
.Sortable() // Enable sorting
.Pageable()
//.Scrollable(scrollable => scrollable.Virtual(true))
.DataSource(dataSource => dataSource //Configure the Grid data source.
.Ajax() //Specify that Ajax binding is used.
.PageSize(25)
.ServerOperation(true)
.Read(read => read.Action("LedgerEntries", "ItemLedgerEntry").Data("itemNoData"))
).ToClientTemplate()
)
</
script
>
<!--Window dei dettagli dell'articolo-->
@(Html.Kendo().Window()
.Name("itemLedgerEntriesWindow")
.Title("Movimenti Magazzino")
//.LoadContentFrom("GetItemLedgerEntries", "Home")
.Visible(false)
//.Iframe(true)
.Height(600)
.Width(1100)
//.Resizable()
//.Draggable()
.Modal(true)
//.Events(e=>e.Activate("onActivateIleWindow"))
)
<!-- << DETTAGLIO MOVIMENTI ARTICOLO-->
How can I do this?