or
1 answer
910 views
How can I remove "items per page" Label using PageSizes?
@(Html.Kendo().Grid<Model>(.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.DataId).Visible(false);
columns.Bound(p => p.Data2).Width(200).Title("Data2");
columns.Bound(p => p.Data3).Width(200).Title("Data3");
columns.Bound(p => p.Data4).Width(100).Title("Data4");
columns.Bound(p => p.IsTrue).Width(50)
.HtmlAttributes(new {style = "text-align:center"})
.ClientTemplate("<input type='checkbox' disabled='disabled' name='Discontinued' <#= IsTrue? \"checked='checked'\" : \"\" #> ").Title("IsTrue");
})
.Pageable(paging => paging
.Input(false)
.Numeric(true)
.Info(false)
.PreviousNext(true)
.PageSizes(new int[]{25, 50,100})
.Refresh(false)
)
.DataSource(dataBinding => dataBinding.Ajax().PageSize(25).Read("GridData", "Grid", new { someId = Model.SomeId }))
.Resizable(resize => resize.Columns(true)).Scrollable()
)
2 answers
297 views
I'm trying to bind to a custom transport and get paging to work. Essentially I have a function that retrieves a set of records and places them on a view model as a list. I'm overridding the total count of the grid by retrieving it from a column on the data, like this:
dataSource: new kendo.data.DataSource({
data: this.results,
schema: {
data: function (data) {
return data;
},
total: function(data) {
if (data.length > 0) {
return data[0].rowCount;
}
return 0;
},
type: "json"
}
}),
I have two issues, however. First is that when I set the total count, I get "NaN - NaN of 1000 total items" on the grid. Not sure where the NaN is coming from. Second, I need to fetch the next page when the user interacts with the paging control. Again, I'm not pointing the kendo grid to an API end point, I'm fetching that data myself and just binding to a list. Is there a way I can intercept the paging event so that I can load the next page of data and refresh the binding for the grid?
dataSource: new kendo.data.DataSource({
data: this.results,
schema: {
data: function (data) {
return data;
},
total: function(data) {
if (data.length > 0) {
return data[0].rowCount;
}
return 0;
},
type: "json"
}
}),
I have two issues, however. First is that when I set the total count, I get "NaN - NaN of 1000 total items" on the grid. Not sure where the NaN is coming from. Second, I need to fetch the next page when the user interacts with the paging control. Again, I'm not pointing the kendo grid to an API end point, I'm fetching that data myself and just binding to a list. Is there a way I can intercept the paging event so that I can load the next page of data and refresh the binding for the grid?
0 answers
77 views
hi,
I would like the entire grid div to have the alternating rows even if the grid is empty.
Is there a way, other than adding empty objects and binding it to the grid.
also i would like to bind the window resize event to it.
I would like the entire grid div to have the alternating rows even if the grid is empty.
Is there a way, other than adding empty objects and binding it to the grid.
also i would like to bind the window resize event to it.
2 answers
161 views
We're running an webapp inside Facebook (ASP.NET MVC3). In this app we're using KendoUI upload control and all works nice in the browsers except for IE9 that says:
Line 1032 is the line form[0].submit(); (line 6 beginning from the end) below.
Access is denied.kendo.upload.js?t=634716582040000000, line 1032 character 17Line 1032 is the line form[0].submit(); (line 6 beginning from the end) below.
if (!upload.trigger(UPLOAD, e)) { upload._hideUploadButton(); iframe.appendTo(document.body); var form = iframe.data("form") .appendTo(document.body); e.data = $.extend({ }, e.data, getAntiForgeryTokens()); for (var key in e.data) { var dataInput = form.find("input[name='" + key + "']"); if (dataInput.length == 0) { dataInput = $("<input>", { type: "hidden", name: key }) .appendTo(form); } dataInput.val(e.data[key]); } upload._fileAction(fileEntry, CANCEL); upload._fileState(fileEntry, "uploading"); iframe .one("load", $.proxy(this.onIframeLoad, this)); form[0].submit();} else { upload._removeFileEntry(iframe.data("file")); this.cleanupFrame(iframe); this.unregisterFrame(iframe);}1 answer
160 views
Because the kendo ui upload widget doesn't play nicely with my layout and is extremely difficult to customize, I have created my own button to trigger the kendo upload input element: onClick="$('#upload').click()". This works in chrome and firefox, but in IE it throws a "Access is Denied" error. Clicking the upload widget doesn't throw the error. Is there any workaround for this? A method within the widget that triggers the file selection dialog?
Thanks
Matt
Thanks
Matt
4 answers
239 views
Hello,
I have a grid that uses popup editing with a custom template. In this custom edit template I have a grid with child entities. In the edit event handler of the parent grid I set the datasource of the child grid with the appropriate filter for the parent row. I can see that the child entities are loaded ok. I want this child grid to be editable. Every row in the child grid shows edit and destroy commands and the child grid toolbar has a create command. However, when I click on the create, edit or destroy buttons, nothing happens. Has anybody seen this before? Should I add a code sample?
cheers
Remco
I have a grid that uses popup editing with a custom template. In this custom edit template I have a grid with child entities. In the edit event handler of the parent grid I set the datasource of the child grid with the appropriate filter for the parent row. I can see that the child entities are loaded ok. I want this child grid to be editable. Every row in the child grid shows edit and destroy commands and the child grid toolbar has a create command. However, when I click on the create, edit or destroy buttons, nothing happens. Has anybody seen this before? Should I add a code sample?
cheers
Remco
0 answers
127 views
Hi, my grid has a costum popup edit template where I want to be able to manage a list of subitems. I thought I would use another grid inside the edit tempate but I get an error "Invalid Template". Is it supported to have another grid inside an edit template of a parent grid? If so could I get an example of how to acheive it?
Thanks
Guillaume
My template looks like this:
Thanks
Guillaume
My template looks like this:
<script id="popup_editor" type="text/x-kendo-template">
<div class="k-edit-label">
<label for="Title">Title</label>
</div>
<input type="text" class="k-input k-textbox" name="Title" data-bind="value:Title">
<div class="k-edit-label">
<label for="ExpiryDate">Expiry Date</label>
</div>
<input type="text"
name="ExpiryDate"
data-type="date"
data-bind="value:ExpiryDate"
data-role="datepicker" />
<div id="subitemsGrid"></div>
$("#subitemsGrid").kendoGrid(##removed code to get list of subitems in grid##);
</script>
1 answer
508 views
Hi all,
I was wondering if there is a way to validate if a kendo window is already open ?
I mean I want to do something really simple.
Just an if that will check if the window is already opened.
Thank you
I was wondering if there is a way to validate if a kendo window is already open ?
I mean I want to do something really simple.
Just an if that will check if the window is already opened.
Thank you
Mark Freedman
Top achievements
Rank 1
Rank 1
answered
on
22 Oct 2012
1 answer
179 views
Hello,
is it possible to adjust the height of a popover to its content?
My popover contains several views with different heights.
Thank you
Axel
is it possible to adjust the height of a popover to its content?
My popover contains several views with different heights.
Thank you
Axel
Iliana Dyankova
Telerik team
answered
on
22 Oct 2012
2 answers
107 views
I'm working on what I guess would be called a single page application. I was wondering if there's a generic approach to performing KendoUI control cleanup (via the destroy method)? Basically, I want to be able to point to a div and have any KendoUI controls in the div destroyed.
Mike
Top achievements
Rank 1
Rank 1
answered
on
22 Oct 2012
