Questions on Kendo UI for jQuery Forum

1 answer

122 views

Pop-up custom editor on Batch edit grid?

Hi - I have a grid that I want to have batch edit on. One field is to select schools that a user has access to see, and I want to do some kind of multi-select for that. I wanted to do a drop-down, but can't do multi-select of course. So, I'm looking at doing a multi-select, but would like it to be in a pop-up window to make it easier for the user to see. I think I can give them more room to see their choices as compared to a grid column. Does that makes sense as an approach, and can it be done?

Thanks

Lisa

Grid

answered on 26 Feb 2014

4 answers

133 views

Add pager items to tab order via dataBound not working

I'm trying to add the pager items in my grid to the tab order (to satisfy a11y issues logged by a11y group). Since I need to have the pager items added to the DOM first, I am hooking this into the dataBound event (b/c I couldn't find another event that was a better choice). The problem is that the pager items' tab order isn't being updated. Any ideas why?

dataBound: function (e) {
$('#' + e.sender.element[0].id + '>div[data-role=pager]>a.k-link').attr('tabindex', '0');
},

Thanks,
--Ed

Grid

answered on 26 Feb 2014

1 answer

123 views

Rotating device resets scroll position

I'm not sure if it's a ScrollView issue, please move the thread if this is the wrong sub forum.

When rotating a device after scrolling down a page a bit, Kendo always resets the view to 0,0. We are currently building an App where users are going to read larger pages with some scrollable content, and beta testers have already reported this as being very annoying.

Is there a way to prevent this form happening?

Thanks in advance,
Roman

ScrollView (Mobile)

answered on 26 Feb 2014

1 answer

109 views

Can't open appointment window

@(Html.Kendo().Scheduler<Services.AspNet.Mvc.Areas.Services_CreateServiceOrder.ProjectionsScheduler>()

.Name("scheduler")

.Date(DateTime.Today)

.StartTime(new DateTime(2013, 6, 13, 7, 00, 00))

.EndTime(new DateTime(2013, 6, 13, 19, 00, 00))

.Height(350)

.AllDaySlot(false)

.Views(views =>views.DayView();})

.Group(group => group.Resources("Technicals"))

.Timezone("Etc/UTC")

.Resources(resource => {

resource.Add(m => m.TechnicalId)

.Title("Technical")

.Name("Technicals")

.DataTextField("Text")

.DataValueField("Value")

.BindTo(ViewBag.Technicals);})

.BindTo(Model)

.DataSource(d => d.ServerOperation(true)

.Model(m =>{

m.Id(f => f.TechnicalId);

m.Field(f => f.Description).DefaultValue("No title");

m.Field(f => f.IsAllDay).DefaultValue(false);

})

.Create("Grouping_Horizontal_Create", "CServiceOrder")

.Destroy("Grouping_Horizontal_Destroy", "CServiceOrder")

.Update("Grouping_Horizontal_Update", "CServiceOrder")

)

I can't open a window to create or edit the appointment when I click in Scheduler. I also need to change the appointment's title because now is showing the hours.

Here is my Scheduler code:

@(Html.Kendo().Scheduler<Services.AspNet.Mvc.Areas.Services_CreateServiceOrder.ProjectionsScheduler>()
.Name("scheduler")
.Date(DateTime.Today)
.StartTime(new DateTime(2013, 6, 13, 7, 00, 00))
.EndTime(new DateTime(2013, 6, 13, 19, 00, 00))
.Height(350)
.AllDaySlot(false)
.Views(views =>
{
views.DayView();
})
.Group(group => group.Resources("Technicals"))
.Timezone("Etc/UTC")
.Resources(resource =>
{
resource.Add(m => m.TechnicalId)
.Title("Technical")
.Name("Technicals")
.DataTextField("Text")
.DataValueField("Value")
.BindTo(ViewBag.Technicals);
})
.BindTo(Model)
.DataSource(d => d.ServerOperation(true)
.Model(m =>
{
m.Id(f => f.TechnicalId);
m.Field(f => f.Description).DefaultValue("No title");
m.Field(f => f.IsAllDay).DefaultValue(false);
})
.Create("Grouping_Horizontal_Create", "CServiceOrder")
.Destroy("Grouping_Horizontal_Destroy", "CServiceOrder")
.Update("Grouping_Horizontal_Update", "CServiceOrder")
)
)

Scheduler

answered on 26 Feb 2014

1 answer

154 views

Aggregate Sum Using VB.net

I thought I had this but I think I'm missing something.

I think I read somewhere FooterTemplate doesn't work. Is this correct?

I can count using ClientFooterTemplate, but when I sum the value appears to be concatenating.

Any assistance would be helpful. Thanks in advance.

Here's what I have:

<div>

@(Html.Kendo.Grid(Of Venable.KMVC.ClientPortfolio.ADRServiceReference.Activity)() _

.Name("clientActivityYear") _

.Events(Sub(e)

e.DataBound("onDataBound").Change("onChange")

End Sub) _

.Columns(Sub(c)

c.Bound(Function(p) p.Year).FooterTemplate("LTD")

c.Bound(Function(p) p.WorkedActivity).Title("Worked").HtmlAttributes(New With {.style = "text-align: right"}).ClientFooterTemplate("#=sum#")

c.Bound(Function(p) p.BilledActivity).Title("Billed").HtmlAttributes(New With {.style = "text-align: right"})

c.Bound(Function(p) p.CollectedActivity).Title("Collected").HtmlAttributes(New With {.style = "text-align: right"})

End Sub) _

.Selectable(Function(selectable) selectable.Mode(GridSelectionMode.Single)) _

.Scrollable() _

.DataSource(Sub(d)

d.Ajax().ServerOperation(False).Aggregates(Sub(aggregates)

aggregates.Add(Function(p) p.WorkedActivity).Sum()

aggregates.Add(Function(p) p.BilledActivity).Sum()

aggregates.Add(Function(p) p.CollectedActivity).Sum()

End Sub) _

.Read(Function(read) read.Action("ActivityRead", "Home").Data("addData"))

End Sub)

)

</div>

Grid

answered on 26 Feb 2014

2 answers

432 views

Row changed event trigerd before checkbox state status.

H I have simple grid with checkboxes column. What I want to achieve is to select checkbox when one of two states will happen
1. I click on the row
2. I click on the checkbox

In kendo there is one event 'change' which is triggered by the two states above.

My logic is following
When I click the row then in change event i change property of the checkbox to select it the problem is that the same happen if I click checkbox in that row and then I can distinguish what is the source of triggering and again I am changing state of the checkbox.

Unfortunately this change event is triggered before checkbox selection put break in change event and click checkbox you will see that checkbox is not selected yet but even is triggeredand because I can distinguish the source I am trying to change state of the checkbox again and then there is conflic with DOM because after that occurs checkbox it's own event and is trying to manipulate its state again.

I would attache sample but it takes with all libraries 15 mega bytes which is much more then allowed 2 mega.
But I am including my view with all javascript and controller with repository class

Grid

answered on 26 Feb 2014

3 answers

359 views

Icons for custom command

Hi there,

I have a kendo grid with a custom, unnamed command like this:

{ command: { text: "Download PDF", click: downloadPdf }, title: " ", width: "115px" }

How do I add an icon to the button? I tried setting the imageClass, like this:

{ command: { text: "Download PDF", click: downloadPdf }, title: " ", width: "115px", imageClass: "k-icon k-i-pencil" }

but the image never shows up. Things seem to work somewhat when I use one of the known commands like Edit or Destroy; I get the default icon, but not the one assigned by the k-i class. Any ideas?

Thanks in advance,

Imar

Grid

answered on 25 Feb 2014

1 answer

183 views

Access dataItem inside transport.read function

I have a TreeView with HierarchicalDataSource and my question is simple: Can I access the current dataItem in the transport.read function?

For instance, consider this code:

new kendo.data.HierarchicalDataSource({
transport: {
read: function() {
// Here i'll prepare my url to be called
return "my/controller/" + dataItem.Id;
}
}
});

I want to access the dataItem's properties of the current expanding node inside the read function. Is this possible?

Hierarchical Data Source

answered on 25 Feb 2014

1 answer

107 views

Binding Different Child

Hi,
how can i bind to a Treevire the below data ?
var dataTree = [{
Name: "Multiservice 01",
Services: [
{
Name: "Servizio 01", year: 1977, BlocksIN: [
{ Name: "BlockIN 01", Fields: [{ Name: "Field 01" }, {Name : "Field 02" } ]},
{ Name: "BlockIN 02" }],
BlocksOUT: [
{ Name: "Blocco OUT 01", Fields: [{ Name: "Field 01" }, { Name: "Field 02" }] },
{ Name: "Blocco OUT 02" }]
},
{ Name: "Servizio 02", year: 1980 },
{ Name: "Servizio 03", year: 1983 },
{ Name: "Servizio 04", year: 1983 }]
}
];

TreeView

answered on 25 Feb 2014

1 answer

219 views

Kendo Window not showing validation

I have a Kendo Window control in my ASP.NET project. The ModelState is not valid but when I return to show the view and the Kend Window control the html.validator is not being shown in the Partial View on the window. If I add a validator to the View the validator will show but I need the validator on the Kendo window.

Best Regards,
Mark Kilroy

General Discussions

answered on 25 Feb 2014