Questions on Kendo UI for jQuery Forum

3 answers

269 views

Adding additional drop target to re-orderable grid

Hi guys,

I have a requirement to re-implement grid grouping but instead of grouping within the grid itself, I need to generate a separate tree view outside of the grid element. The tree view side of it is fine, but I couldn't see any way that I could set the grid to be groupable (thus showing the groups bar) without grouping being applied to the grid itself. I tried preventingDefault on the group function but this prevented the columns being dropped onto the group bar itself as it seems to be something that occurs after the grid has refreshed.

So now, instead, what I'm trying to do is add a div outside the grid that I can use as a drop target for my grid columns to be dropped on to but this doesn't seem to be working

Here's the dojo: http://dojo.telerik.com/@mancmanomyst/AJoBIj

Could you point me in the right direction for allowing the grid columns to be dropped on my target div?

Grid

answered on 08 Dec 2016

1 answer

900 views

Cannot display enum values on kendo MVC grid?

Enum class

public class Voltage

{

public int Id{ get; set; }

public string RefNo { get; set; }

public VoltageLevel VoltageLevel { get; set; }

}

public enum VoltageLevel

{

LV = 1,

MV = 2,

HV = 3 }

Controller

public ActionResult Voltage_Read([DataSourceRequest]DataSourceRequest request)

{

IQueryable<Voltage> voltage= db.Voltage;

DataSourceResult result = voltage.ToDataSourceResult(request, voltage=> new {

Id = voltage.Id,

RefNo = voltage.RefNo,

VoltageLevel = voltage.VoltageLevel,

});

return Json(result);

}

View

@(Html.Kendo().Grid<entities.voltage>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(c => c.RefNo);

columns.Bound(c => c.VoltageLevel); //here the voltagelevel didnt show.

})

Grid

answered on 08 Dec 2016

1 answer

923 views

Form Inside Kendo grid

Hi Team,

I want a horizontal form in between kendo grid header and body, Is it possible to add a form with same grid columns in kendo grid. Please find the below attached screen shots for reference

Thanks,

S

Grid

answered on 08 Dec 2016

1 answer

347 views

Category Axis Label Tooltip

Hi,

is there a way to add a tooltip to category axis labels?

Thank you

Charts

answered on 07 Dec 2016

5 answers

851 views

Bulk edit cells in the same column across multiple rows

Is there a way I can edit multiple cell values in the same column across multiple rows? Refer to the attached mocked up screenshot.

Any suggestions?

Grid

answered on 07 Dec 2016

1 answer

187 views

deep linking

Is there a recommended way to implement deep linking of a TabStrip in an Angular application?

- the url should change when selecting a tab

- when an url is entered which contains a tab information, the corresponding tab should be activated

I am using the standard angular router.

Thanks a lot!

TabStrip

answered on 07 Dec 2016

1 answer

296 views

Custom Cell Attributes

Hi,

Is it possible to Add custom cell attributes to each cell in kendo spreadsheet.

For Eg: Apart from

"rows: [{ height: 70, cells: [{ index: 0, value: "Invoice #52 - 06/23/2015", fontSize: 32, background: "rgb(96,181,255)", textAlign: "center", color: "white"}]}"

can we add a custom attribute like "CellType":"headers" to each cell. If yes then can you please guide me as to how it can be done.

Thanks & regards

Swathi

Spreadsheet

answered on 07 Dec 2016

2 answers

261 views

attempting to load a grid into the content of the first tab in a tabstrip

Hi Team,

We are attempting to load a grid into the content of the first tab in a tab-strip. We had tried several variations of the code and how the grid loads, including via the "activate" event. The grid works with the tab-strip code commented out.

Please provide an appropriate solution for our problem as soon as possible.

Thanks,
Siva

TabStrip

answered on 06 Dec 2016

6 answers

1.6K+ views

Is it possible to conditionally display the series label?

I have a stacked bar chart with the series labels visible.
But I only want the label to display if the series has a value greater than zero.

Here is my markup

@(Html.Kendo().Chart<ChartModel>(Model)
.Name("chart")
.Title("Pending Orders")
.Legend(legend => legend
.Visible(false)
)
.SeriesDefaults(seriesDefaults =>
seriesDefaults.Column().Stack(true)
.Labels(labels => labels.Background("transparent").Visible(true).Font("40px sans-serif").Position(ChartBarLabelsPosition.Center).Color("black"))
)
.Series(series =>
{
series.Column(model => model.OnTimeCount).Name("On Time").Color("Green");
series.Column(model => model.WarningCount).Name("Warning").Color("Yellow");
series.Column(model => model.AlertCount).Name("Alert").Color("Red");
})

.CategoryAxis(axis => axis
.Categories(model => model.Day)
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Line(line => line.Visible(false))
.MajorGridLines(lines => lines.Visible(false))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= value #")
)
)

I've attached an image of the stacked chart with the top series set to zero. As you can see, the effect really isn't very intuitive from a charting stand point. I could add a legend, but in the context of the way the chart will be used, it's unecessary.

The data is only relevant IF it exists.

General Discussions

answered on 06 Dec 2016

2 answers

241 views

vue.js compatibility

Is it possible to use the KendoUI for jQuery with Vue.js?

Thanks

General Discussions

answered on 06 Dec 2016