Questions on Kendo UI for jQuery Forum

6 answers

227 views

Stop non-editable columns from being selectable / select cell text when entering editable cell

Hi all

I have an in-cell editable grid which I have managed to make so only several columns are editable. However, those non-editable columns are still selectable and when using tab, the tabbing does not skip these cells. Is there any way to make it so the tab order only selects the editable cells?

Also, when I enter one of the editable cells, the cursor puts itself at the start of the value and leaves the cell contents unselected. Is there any way to automatically select the cell's contents on enter?

Regards

Brad

Grid

answered on 10 Jun 2015

6 answers

229 views

[Solved] Cloning Tab Breaks Events

I need to create tabs dynamically, with the same structure but different data. When I clone a tab, the events (dropdownlist specifically do not work).

snippet of the markup for the dropdownlist

TabStrip

answered on 09 Jun 2015

1 answer

127 views

Binding extra events

Hi All,

Is there a way to bind extra event to the 'create' toolbar button? I want to populate data before or after into grid column after a new row was insert by kendo.

I tired the following for the toolbar button but with no luck

edit: function (e) {
e.container.find(".k-grid-add").on("click", function (e) {
//populate data here
});
}

and this

var grid = $("#grid").kendoGrid({...});

grid.data().kendoGrid.bind('edit', function (e) {

e.container.find('.k-grid-add').click(function () {

//populate data here

});

TIA

Toolbar

answered on 09 Jun 2015

1 answer

300 views

" No Data Available " message for Kendo MVC Charts

Hello,

I am using MVC razor and need to show " No Data Available " message for Charts when there is no data available or chart is empty.

Is this possible in Kendo MVC Charts. Any pointer will be helpful.

-Thanks

Hemant

Charts

answered on 09 Jun 2015

3 answers

2.1K+ views

[Solved] Rotate Category Axis Labels

Hi, I'm trying to rotate the category axis labels so they appear like the attached mockup. Please let me know how I can achieve this.

Thanks,

--Ed

Charts

answered on 09 Jun 2015

12 answers

2.4K+ views

Export PDF with multiple pages

Hi,

I'm trying to export a long webpage to a PDF with multiple pages. I started building on the example in the demo here http://demos.telerik.com/kendo-ui/pdf-export/page-layout but have not been able to create a PDF with more than one page.

The documentation says that you should create a sub-Group for each pdf-page, to test in a simpler way I expanded another of your examples and create a "root" Group with 2 "p" Groups appended to it. Only the last appended sub-Group is displayed in my PDF though.

Could you please give me an example of how to do this?

var draw = kendo.drawing;

var geom = kendo.geometry;

var rect = new geom.Rect([5, 5], [240, 240]);

var path = draw.Path.fromRect(rect).stroke("red", 5);

var rect2 = new geom.Rect([5, 5], [240, 240]);

var path2 = draw.Path.fromRect(rect).stroke("blue", 5);

var root = new draw.Group();

var p1 = new draw.Group();

root.append(p1);

p1.append(path);

var p2 = new draw.Group();

root.append(p2);

p2.append(path2);

draw.exportPDF(root, {

paperSize: "A5",

landscape: true,

multiPage: true

}).done(function(data) {

kendo.saveAs({

dataURI: data,

fileName: "frame.pdf"

});

Drawing API

answered on 09 Jun 2015

1 answer

226 views

Export to Multi-Page PDF

I have a grid that will typically have anywhere between 50 to 400 rows. I figured out to export the grid to a one page pdf, however 100+ rows on a 1 page (Letter) pdf is unusable. How do I export to a multi-page pdf, or is that not an option?

If I specify PaperSize("Letter") I get a pdf with the top left section of the grid with the rest of the content simply cut-off. The PDF export functionality sounds really usefull, but unless I figure out how to do multiple-page exports, the possible uses will be extremely limited. Am I missing something?

@(Html.Kendo().Grid(Model)

.Name("grid")

.Columns(c =>

{

c.Bound(m => m.ExternalID).Title("ID");

c.Bound(m => m.LocalID).Title("Local ID");

c.Bound(m => m.GroupDate).Format("{0:d}").Title("Date")

.ClientGroupHeaderTemplate(

"Date: #= kendo.toString(value, 'd') #   <button onclick='selectGridGroup(this);' class='btn btn-danger btn-sm'>Delete Items</button>"

);

c.Bound(m => m.SubmitDate).Format("{0:d}");

c.Bound(m => m.SettlementDate).Format("{0:d}").Title("Settle Date");

c.Bound(m => m.FirstName);

c.Bound(m => m.LastName);

c.Bound(m => m.Company);

c.Bound(m => m.SettlementAmount).Format("{0:C}").Title("Amount")

.ClientGroupFooterTemplate("Sub-Total: #= kendo.toString(sum, 'C') #")

.ClientFooterTemplate("Total: #= kendo.toString(sum, 'C') #");

c.Bound(m => m.AdjustmentAmount).Format("{0:C}").Title("Adjustments")

.ClientGroupFooterTemplate("Sub-Total: #= kendo.toString(sum, 'C') #")

.ClientFooterTemplate("Total: #= kendo.toString(sum, 'C') #");

c.Bound(m => m.InvoiceNumber);

c.Bound(m => m.Description);

c.Bound(m => m.TransactionStatus);

c.Bound(m => m.Matched);.

c.Command(m => m.Destroy()).Hidden();

})

.Groupable()

.ToolBar(t => t.Pdf())

.Pdf(p => p

.AllPages()

.Landscape()

.PaperSize("Letter")

.Title(@ViewBag.Title)

.FileName(@ViewBag.Title + ".pdf")

)

.DataSource(d => d.Ajax()

.ServerOperation(false)

.PageSize(30)

.Model(m => m.Id(i => i.Id))

.Aggregates(a =>

{

a.Add(s => s.SettlementAmount).Sum();

a.Add(s => s.AdjustmentAmount).Sum();

})

.Group(g => g.Add(a => a.GroupDate))

.Destroy(r => r.Action("RemoveTransaction", "Report"))))

Grid

answered on 09 Jun 2015

1 answer

82 views

listview start at specific page

is there a way to make listview on create start from lets say page 5 of datasource so it is possible to scroll top and bottom for new pages. ( lets say datasource has 10 pages of items).

ListView (Mobile)

answered on 09 Jun 2015

1 answer

234 views

[Solved] setOptions + locked columns = bug

Hi, we use the grid to allow our user to "save" multiple views. It can hide-show columns, sort it, freeze them, and switch from one to another.

Everything works fine for now, except for the "locked" column option.

If we modify one column locked property, then we call "setOptions" to change the view, after the next "setoptions", we always get a bug when trying to lock/unlock a column, or show-hide a column too.

You can try it: http://dojo.telerik.com/aJoNa/20

If you go from "opt1" to "opt2" in any order, everything is fine, until you pin a column.

After, when you changing the option, you can't lock/unlock a column, or show-hide one without error.

Is it something I did wrong?

In our application scenario, we also set the datasource.data, datasource.sort with the "columns", when calling the setOptions. But this demo show that, only with a set of columns and nothing more, I get the bug.

I documented the error I get in the "dojo".

Thank you

Grid