Questions on Kendo UI for jQuery Forum

3 answers

154 views

Hi,

I understand that when we put tabstrip control on the page then it generates an unordered list with listitems in it which in turn have hyperlinks contained which act as links for switching the tabs.

Now for our Automation requirements we need to have Ids on these inner contained hyperlinks ?

Can you please let know that how it can be accomplished ?

Thanks,
M

TabStrip

answered on 05 Jul 2013

11 answers

105 views

[Solved] Problem with # at the end of address

When I'm using kendo mobile - each url ends with #
e.g:

http://demos.kendoui.com/mobile/m/index.html#/

Even if it is working in most time sometimes it causes issues because e.g clik on list will generate:

http://demos.kendoui.com/mobile/m/index.html#/mobile/m/overview/index.html

So there is part of address duplicated. - so when I built custom link I have issues with some dynamic parameters. Can I avoid that?

So when I have something custom link like :
href="#item?id=1"

after click it renders link at the root not current subpage.

General Discussions

answered on 05 Jul 2013

1 answer

69 views

Edit few fields inline and few fields in popup

Hello All,

Is it possible to edit a few fields inline in the grid and a few fields in the popup editor. The way I am looking at it is, when the record in the grid is in the edit mode, I would like to have links or buttons on few fields and if they need to be edited I would click on the link or button to open the popup edit them and close the popup. Once the popup is closed it should update the corresponding fields in the grid and when the row is saved all the changes should be persisted. Can you please provide a sample as to how this needs to be done.

Thank you
Kavitha

Grid

answered on 05 Jul 2013

1 answer

77 views

Show message when field is not parsed

Is there a way to show a message when a field's input isn't being parsed? There doesn't seem to be any visual clue that what the user has just attempted wasn't accepted.

DatePicker

answered on 05 Jul 2013

2 answers

120 views

Bind Remote Complex Data Kendo DataSource

It would be nice to send some meta information about the data along with the records.

I want to dynamically show series based on the value of one of the bound fields in the datasource. If there are no records I don't want to show a donut chart ring for example.

Currently, I have to resort to some brittle logic in the change event of the datasource to do the trick.

change: function (e) {

var item = this.data()[0];

var chart = $("#training-chart").data("kendoChart");

// find the empty donut items.

if (item.numberCompleted == 0)

chart.options.series.splice(0, 1);

if(item.numberExpired == 0)

chart.options.series.splice(1, 1);

if (item.numberNotTaken == 0)

chart.options.series.splice(2, 1);

if (item.numberDue == 0)

chart.options.series.splice(3, 1);

chart.refresh();

},

If I could create a datasource that would look more like the following:

data =

{

metaproperty : someUsefulInfo,

chartData : [ { data: 1 }, { data: 2 },{ data: 3 }]

}

If I could then bind the chartData as my chart datasource instead of the data starting at the root that would be great!

General Discussions

answered on 05 Jul 2013

3 answers

213 views

How can I save charts as .svg files so I can embed them in emails?

In other places where I've seen SVG used, you can right-click on the SVG graphic and copy it or save it as a picture. For instance, most of the icons on http://intertwingly.net/blog/ are done in SVG. It's really nice because I like to embed the images in emails or documents. Kendo's charts don't seem to do this. Has anybody tried doing this? For instance, is there a way to use the svg() method on the chart to create a downloadable file?

General Discussions

answered on 05 Jul 2013

1 answer

105 views

Issue Binding Grid via AJAX

Hi,

I am having an issue binding a KendoUI Grid to a JSON data source using MVC 4. I have the following setup:

One controller called DashboardController.cs
The DashboardController.cs contains an action called Reports_Read which has the following code

public ActionResult Reports_Read()

{

List<Report> reports = new List<Report>();

reports.Add(new Report

{

ReportId = Guid.NewGuid(),

Title = "Lorem Ipsum",

BillToClient = "Frosty Stevens",

MainRecipientContact = "Dusty McLaren",

NextReportDue = DateTime.Now.AddDays(7),

PrimaryConsultant = "Sprinkles O'Reilly",

ServiceCategoryCode = "ABC"

});

reports.Add(new Report

{

ReportId = Guid.NewGuid(),

Title = "Lorem Ipsum",

BillToClient = "Harry Houdini",

MainRecipientContact = "David Blaine",

NextReportDue = DateTime.Now.AddDays(7),

PrimaryConsultant = "Dynamo",

ServiceCategoryCode = "EFG"

});

return Json(reports, JsonRequestBehavior.AllowGet);

}

3. The Index.aspx contains the KendoUI Grid as follows:

<%:Html.Kendo().Grid<ProcareGroup.Crm.Web.Models.Report>()

.Name("grid")

.DataSource(ds => ds

.Ajax()

.ServerOperation(false)

.Read(r => {

r.Action("Reports_Read", "Dashboard");

}))

.Columns(c => {

c.Bound(r => r.Title);

c.Bound(r => r.PrimaryConsultant);

c.Bound(r => r.ServiceCategoryCode);

c.Bound(r => r.BillToClient);

c.Bound(r => r.NextReportDue);

})

.Pageable()

.Sortable()

%>

The debugger hits my breakpoint set inside the Reports_Read action when I launch the page, however nothing is bound to the grid. What am I missing here? I have tried setting AutoBind to true but this does not work.

Grid

answered on 05 Jul 2013

1 answer

2.3K+ views

[Solved] Styling the k-grid-header (MVC)

I am trying to replace the header gradient on a grid on just one page, but my changes have had no effect.

Using FireFox's Firebug I can see that the CSS rule has been overridden, but there is no visible change.

<style type="text/css">

.k-grid-header {

background-image: url("@Url.Content("~/Images/gridheader.png")");

background-repeat: repeat-x;

}

</style>

@(Html.Kendo().Grid<Product>().Name("ProductsGrid").Columns(c =>

{

c.Bound(p => p.Name);

c.Bound(p => p.Id);

})

.DataSource(d => d

.Ajax()

.Read(r => r.Action("GetProducts", "Data"))

)

Grid

answered on 04 Jul 2013

1 answer

68 views

Error from kendo MVVM on bind in 2012.2.913 and up (have tried latest 2013.1.514)

The following fiddle shows an error I am receiving from Kendo when binding with MVVM: http://jsfiddle.net/cn172/XBY3f/75/

This fiddle is running on kendoUI 2012.2.913 and is the first appearance of the problem. I have tried all the way up to current and the problem is the same throughout all the versions.

In the fiddle, click on an item in the grid shown in the running app. Change the value 'Row1' to some other text. Click the 'Save' button. View the console and see:

Uncaught TypeError: Cannot call method 'bind' of undefined kendo.all.min.js:22

This worked fine with kendo 2012.2.710 as seen in this fiddle: http://jsfiddle.net/cn172/XBY3f/76/

I've been chasing this in my app for quite a lot of time now, nice to finally find that it did work at some point, how can I fix it?

MVVM

answered on 04 Jul 2013

1 answer

70 views

When I open the time Icon on my DateTimePicker how do I make go directly to the value is previously selected?

What I mean is, my value in my DateTimePicker is for example 07/03/2013 10:30 AM and when I click on the little cock Icon, the dropdownlist displays 12:00AM as the first option, and that is kind of annoying, I need it to display at 10:30AM or 10:00AM or 11:00AM, I don't want my user to scroll all the way down to change the time, is there any way we can modify this?

Thank you,

Guillermo Sanchez

DatePicker

answered on 04 Jul 2013