or
2 answers
519 views
I am trying to create a master/detail grid using this example Kendo Dojo. It seemed to work fine as both grids are receiving data. However, when I expand the detail grid the rows do not display. If you see the example below, TagID #1 has a record count of 1 detail row that should display but it doesnt'. It only shows like a white space, whereas TagID #22 which does not have any detail records shows a record count of 0 and a completely empty grid.
Here is my HTML:
<div kendo-grid="tagsGrid" options="tagsGridOptions">
<div k-detail-template>
<kendo-tabstrip>
<ul>
<li class="k-state-active">Tagged Contractors</li></ul>
<div>
<div kendo-grid k-options="detailGridOptions(dataItem)"></div>
</div></kendo-tabstrip></div>
</div>
Here is my Angular Controller Code for the detail grid:
$scope.detailGridOptions = function (dataItem)
{return
{ dataSource:
{ type: 'aspnetmvc-ajax', transport:
{ read: "/Home/GetTaggedContractorsByMajor"},
serverPaging: true,
serverSorting: true,
serverFiltering: true,
pageSize: 5,
filter: { field: "TagID", operator: "eq", value: dataItem.TagID },
schema: { data: "Data", total: "Total"}},
scrollable: false,
sortable: true,
pageable: true,
columns: [{ field: "CompanyID", title: "CompanyID"},{ field: "vchCompanyName", title: "Company Name"}]};};
I didn't include the code for the master grid for brevity, but if anyone feels they need it in order to help, I will gladly add it.
Alex Hajigeorgieva
Telerik team
answered
on
16 Jun 2017
1 answer
576 views
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?
Stefan
Telerik team
answered
on
16 Jun 2017
1 answer
276 views
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
Stefan
Telerik team
answered
on
16 Jun 2017
1 answer
92 views
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
Iliana Dyankova
Telerik team
answered
on
16 Jun 2017
3 answers
444 views
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
Boyan Dimitrov
Telerik team
answered
on
15 Jun 2017
1 answer
7.5K+ views
I'm trying to change some data after grid is ready to use but "onDatabound", "change" or "requestEnd" events not working for me. Becouse they are working before html changes. How can I do?
Preslav
Telerik team
answered
on
15 Jun 2017
14 answers
1.8K+ views
Hello,
Our requirement is at first time set Scheduler data source to current user data for current view date range. Everytime user navigate Scheduler get the new start and end date from new view and requery database and refresh Scheduler datasource. I am facing 2 Problems here
1. If i query this.view().satrtDate() and enddate in Scheduler_navigate it gives me daterange from previous view and not to the one i just switched
2. If i use Scheduler_databinding the daterange is good and i invokke Read method with daterange and requery database and return JSonresult. But teh Scheduler is not getting refreshed with new data.
Attached my view file and here is Controller read method
public virtual JsonResult Read([DataSourceRequest] DataSourceRequest request, string data)
{
if (data != null)
{
var ret = Newtonsoft.Json.JsonConvert.DeserializeObject<dynamic>(data);
DateTime start = ret.Start;
DateTime end = ret.End;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
else
{
DateTime start = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).Date;
DateTime end = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.DaysInMonth(DateTime.Now.Year, DateTime.Now.Month)).Date;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
}
-anamika
Our requirement is at first time set Scheduler data source to current user data for current view date range. Everytime user navigate Scheduler get the new start and end date from new view and requery database and refresh Scheduler datasource. I am facing 2 Problems here
1. If i query this.view().satrtDate() and enddate in Scheduler_navigate it gives me daterange from previous view and not to the one i just switched
2. If i use Scheduler_databinding the daterange is good and i invokke Read method with daterange and requery database and return JSonresult. But teh Scheduler is not getting refreshed with new data.
Attached my view file and here is Controller read method
public virtual JsonResult Read([DataSourceRequest] DataSourceRequest request, string data)
{
if (data != null)
{
var ret = Newtonsoft.Json.JsonConvert.DeserializeObject<dynamic>(data);
DateTime start = ret.Start;
DateTime end = ret.End;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
else
{
DateTime start = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 1).Date;
DateTime end = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.DaysInMonth(DateTime.Now.Year, DateTime.Now.Month)).Date;
return Json(taskService.GetAll(start, end, User.Identity.Name).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
}
-anamika
Nencho
Telerik team
answered
on
15 Jun 2017
3 answers
293 views
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>
Dimitar
Telerik team
answered
on
15 Jun 2017
4 answers
670 views
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?
Stefan
Telerik team
answered
on
15 Jun 2017
1 answer
466 views
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");
Veselin Tsvetanov
Telerik team
answered
on
15 Jun 2017
