We have a grid configured with the "all" page size in the options:
this
.gridOptions.pageable = <kendo.ui.GridPageable>{
input:
true
,
numeric:
false
,
pageSizes: [
"all"
, 5, 10, 20, 50],
refresh:
true
};
When we programmatically refresh the grids datasource (below), and that refresh pulls in an additional item to display in the grid, the pager in the grid is no longer what we'd expect.
this
.manageGridDataSource.read();
If the grid had 9 items before, the pager now shows 9, and the new item is now on page two. I understand that the "all" selection just sets the pageSize to the total number of items in the datasource, but what we want to happen is that after the refresh, the "all" setting is preserved and the additional grid item displays on the first page, not generate a second page of data.
Do you know how this can be achieved?
I'd like to be able to zoom in with Mousewheel (works fine) and pan sideways with Mousewheel + Ctl.
Is this possible?
Thanks, Bob Graham
Was noticing yesterday in a dojo example I believe it was, that the columns had a vertical "shine" on them, though the demo that I got there from didn't. I didn't see anything in the code that was adding that 3D look.
Not really sure I want to use it as it's getting to be a bit passé, but I'd like to have the option.
Normally I'd expect it to be done with a y-repeat background image, but I saw no sign of that in the example code.
Thanks, Bob Graham
Hello,
My grid includes 3 columns and I use a popup editor with external kendo combo box to edit 2 columns and standard input box for 3rd column. Validation rules are simple:
1) selected values from drop down box cannot be blank/empty
2) 3rd column should not b empty. if 1dt or 2nd value are changed then reset the value of 3rd column in editor by concatenation of values from 1st and 2nd
columns.
Error message is not shown properly during validation values from combo boxes. My example can be loaded by this link: http://dojo.telerik.com/@iakhmedov1/UdOgOg
How it can be fixed?
Thanks,
Igor
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'syncReady'
ddiv data-role="dialog" id="dialog"></div><script>
kendo.syncReady(function(){jQuery("#dialog").kendoDialog({"actions":[{"text":"Cancel"},{"text":"Refresh now","action":onOkRefresh,"primary":true}],"modal":false,"title":"Refresh Data","visible":false,"width":400,"content":"\u003cp\u003eUpdate all data from IFS, Agile and Velocity?\u003cbr/\u003e\u003cbr/\u003e Refresh may take a few minutes...\u003cp\u003e"});});
</scr
My code:
<div class="form-group-sm" style="float: left; padding-right: 5px; width: 600px;">
@(Html.Kendo().DropDownListFor(model => model.ConfigurationId)
.Events(ev =>
{
ev.Change("setConfigurationId");
})
.DataTextField("Text")
.DataValueField("Value")
.BindTo(Model.Configurations)
.OptionLabel("-IFS Project Demands-")
.HtmlAttributes(new { style = "width: 100%; font-size: 12px;" })
)
</div>
<div class="form-group-sm" style="float: left; padding-right: 5px; width: 400px;">
@(Html.Kendo().DropDownListFor(model => model.PartId)
.Events(ev =>
{
ev.Change("setConfigurationId");
})
.DataTextField("name")
.DataValueField("value")
.OptionLabel("-Kitted Assemblies-")
.DataSource(source => source.Read(read => read.Action("GetKittedAssemblies", "ExecutionReport").Data("filterKittedAssemblies")).ServerFiltering(true))
.Enable(false)
.AutoBind(false)
.HtmlAttributes(new { style = "width: 100%; font-size: 12px;" })
.CascadeFrom("ConfigurationId")
)
<script>
function filterKittedAssemblies() {
return {
configurationId: $("#ConfigurationId").val()
};
}
</script>
</div>
I'm creating a custom visual for a bar chart series to have rounded bars and am having difficulty getting it to work. Does anyone have a custom visual for a bar chart series to make horizontal bars rounded on each end of the bar?
As upload widget does not support modifying files collection after widget's instantiation, I have to destroy and recreate upload widget when I need to modify files.
I noticed that after widget has been destroyed/recreted removing a file fires several HTTP requests to removeUrl, however remove event handler is fired just once. This doesn't happen to upload action.
In my opinion it's a Kendo UI issue, do you agree?
The following is my code (simplified):
var uploaderOptions = {
enabled: true,
files: myCollection,
async: {
saveUrl: myUrl1,
removeUrl: myUrl2,
autoUpload: true
},
upload: function (e) { /* code here */ },
remove: function (e) { /* code here */ },
success: function (e) { /* code here */ },
complete: function (e) { /* code here */ }
};
// When we need to modify files collection:
// Hack that helps avoid multiple requests: uploadWidget._submitRemove = function () { };
uploadWidget.clearAllFiles();
uploadWidget.destroy();
uploaderOptions.files = updatedCollection;
uploadWidget = $("#" + attachmentWidgetId).kendoUpload(uploaderOptions).data("kendoUpload");
The issue is reproducible on demo page: http://demos.telerik.com/kendo-ui/editor/inline-editing.
Open image browser, create a folder - loading animation is persisting.
To workaround the issue I added the code below to execute handler. But it would be nice to have the issue fixed in Kendo UI.
execute: function (e) {
else if (e.name == "insertimage") {
$timeout(function () {
var imagebrowser = $("[data-role=imagebrowser]").data("kendoImageBrowser");
imagebrowser.dataSource.bind("requestEnd", function() {
kendo.ui.progress($("body"), false);
});
});
}
}