Questions on Kendo UI for jQuery Forum

1 answer

293 views

Natural sort the TreeList

How can we sort the treelist by using natural sort? Or customize the sort method?

We need the TreeList should be sorted like that:

Folder 1

Item 5

Item 6

Item 50

Folder 2

Item 3

Item 4

Item 30

Folder 10

Item 1

TreeList

answered on 06 Jun 2016

3 answers

535 views

Grid pager button is missing in 1024px screen

Hello,

I am using a grid with pager that shows the current page number instead of drop down list.

This button disappears in 1024px screen width and other pager buttons round border shapes are changed.

I need exactly the same layout as in wider 1024px screens.

Please see the attached image.

Grid

answered on 06 Jun 2016

1 answer

228 views

Compile kendo template with angular markup

Hello, I have template with angular markup. And I want to compile it properly.
For example: "<span ng-click='someAction()'>dataItem.property</span>".

How can I compile it properly, so when I append it to element angular directive ngClick will work?

Templates

answered on 06 Jun 2016

1 answer

145 views

How to add DropDown to Gantt Chart Toolbar

Hi,

I am trying to add a dropdown to gantt Chart Toolbar, dropdown is being added to toolbar but it is not working.

In HTML

</div>

In by Angular Controller

$scope.ganttOptions =
{

toolbar: [
{ template: kendo.template($("#template").html())},

],
views: [

Gantt

answered on 06 Jun 2016

1 answer

148 views

Deleting A Diagram Shape

When loading up a Kendo Diagram, if no shapes are moved and the screen is not moved by panning, deleting an item with the delete key does not actually delete the item. If you move an item or pan on the screen one time at least, the shapes then can be deleted with the delete key. We confirmed this to be working on the 2016.1.112 version and not on the 2016.2.504 version when we updated.

Deleting a shape from the diagram using the X button, works in both versions.

Is this a problem in Kendo itself? Any help would be greatly appreciated.

Thanks,

Cornelius

Diagram

answered on 06 Jun 2016

3 answers

373 views

where is source ZIP of telerik.kendoui.professional.2016.2.523.commercial?

I saw there was a latest internal build named 2016.2.523.

But I can't find its source ZIP, where is it?

General Discussions

answered on 06 Jun 2016

4 answers

969 views

[Solved] TreeView Check State - Get Intermediate (TriState)

Hello telerik,

I am trying to use your treeView control... Three main problems for which I hope there are simple answers possible:

1. How can I activate checkboxes if I am using the MVVM way like this (in Default.htm):

01.<script id="index" type="text/x-kendo-template">

02. <h3> Demo TreeView </h3>

03. <div id="example" class="k-content">

04. <div id="treeview" class="demo-section"

05. data-role="treeview"

06. data-text-field="label"

07. data-checkboxes="true"

08. data-bind=" source: filtergroups,

09. events: { select: onSelect, expand: onExpand, change: onChange }">

10. </div>

Using TypeScript I currently have to activate it in code like this; not nice!

(<kendo.ui.TreeView>treeview).options.checkboxes.checkChildren = true;

2. Having the checkboxes activated I want to react on a checkedChanged Event - but only to those events resulting from user input! Not the events fired by the GUI itself. Currently I am binding an event in my viewModel but that way I get too much events!!!

1.(<kendo.Observable>this).bind("change", (e) => {

2. if (e.field == "checked") {

3. console.log(e);

4. $(document).trigger("checkedChanged", [ e.sender ] )

5. }

6. });

3. And now to the most important question: How can I determine if I have a intermediate state checkbox? I can only see checked or unchecked! Where is the possibility hidden to get to know if this node is in intermediate state?

And one last question: Is there a TreeListView on the roadmap? That would be great!
Looking forward to hearing from you! Hopefully with good news! :)

Cheers and a big thanks in advance,
Tim.

TreeView

answered on 06 Jun 2016

2 answers

158 views

Signal R Server filtering not working

Hi,

I created a hub with the CRUD method:

[Microsoft.AspNet.SignalR.Hubs.HubName("PayslipUploadHub")]

public class PayslipUploadHub : Microsoft.AspNet.SignalR.Hub

{

public DataSourceResult ReadPayslipBatch([DataSourceRequest]DataSourceRequest request)

{

return DAL.GetPayslipBatchHistory(null).ToDataSourceResult(request);

}

public void UpdatePayslipBatch(PayslipGeneration payslipBatch)

{

Clients.Others.update(new DataSourceResult

{

Data = new[] { payslipBatch }

});

}

public DataSourceResult CreatePayslipBatch(DataSourceResult payslipBatch)

{

Clients.Others.create(payslipBatch);

return payslipBatch;

}

public void DestroyPayslipBatch(PayslipGeneration payslipBatch)

{

Clients.Others.destroy(new DataSourceResult

{

Data = new[] { payslipBatch }

});

}

I need to trigger the creation and the update not directly from the grid but on other actions. So to trigger Signal R this what i do:

var payslipBatch = DAL.GetPayslipBatchHistory(oResult.Result).First();

using (var scope = _wa.CreateWorkContextScope(HttpContext))

{

var context = scope.Resolve<Microsoft.AspNet.SignalR.Infrastructure

.IConnectionManager>().GetHubContext<PayslipUploadHub>();

context.Clients.All.createPayslipBatch(payslipBatch);

}

When I debug this it actually never break into the CreatePayslipBatch Method of the Hub, and I don't understand why.

Here is the grid declaration:

@(Html.Kendo().Grid<PayslipGeneration>()

.Name("PayslipGenerationHistory")

.Columns(columns =>

{

columns.Bound(c => c.Status.Code).Width(60).ClientTemplate("<i class='#=Status.Class#'></i>").HtmlAttributes(new { style = "text-align:center" }).Title("Status");

columns.Bound(c => c.Name).Width(250);

columns.Bound(c => c.Period).Format("{0:MMMM yyyy}").Width(110);

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

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

columns.Bound(c => c.CreatedBy).Width(140);

columns.Bound(c => c.CreatedOn).Format("{0:dd MMM yyyy}").Width(110).Title("Created On");

columns.Bound(c => c.UpdatedBy).Width(140);

columns.Bound(c => c.UpdatedOn).Format("{0:dd MMM yyyy}").Width(110).Title("Updated On");

columns.Template(e => { }).ClientTemplate(

"# if(Status.Code == 'FAILED') " +

"{# <a onclick = 'RegenFailed( #: data.Id # );'><i title='Regenerate Payslip' class='fa fa-undo fa-2x'></i></a> #} " +

"else {# <i title='Regenerate Payslip' class='fa fa-undo fa-2x'></i> #}#")

.Title("").Width(50).HtmlAttributes(new { style = "text-align:center" });

//columns.Command(command => command.Custom("Delete").Click("DeleteBatchLine")).Title("").Width(80);

//columns.Command(command => command.Custom("Check").Click("CheckBatchLine")).Title("").Width(80);

})

.HtmlAttributes(new { style = "height: 380px;" })

.Scrollable()

.Groupable()

.Sortable()

.ClientDetailTemplateId("template")

.Pageable(pageable => pageable

.Refresh(true)

.PageSizes(new List<string>{"10","20","50"})

)

.DataSource(dataSource => dataSource

.SignalR()

.PageSize(10)

.Events(ev => ev.RequestEnd("onRequestEnd"))

.AutoSync(true)

.ServerFiltering(true)

.ServerPaging(true)

.Sort(s => s.Add("CreatedOn").Descending())

.Transport(tr => tr

.Promise("hubStart")

.Hub("hub")

.Client(c => c

.Read("readPayslipBatch")

.Update("updatePayslipBatch")

.Create("createPayslipBatch")

.Destroy("destroyPayslipBatch"))

.Server(s => s

.Read("ReadPayslipBatch")

.Update("UpdatePayslipBatch")

.Create("CreatePayslipBatch")

.Destroy("DestroyPayslipBatch")))

.Schema(schema => schema

.Data("Data")

.Total("Total")

.Aggregates("Aggregates")

.Model(model =>

{

model.Id("Id");

}

)))

.Events(e => e.DataBound("onDataBound"))

)

At the beginning I was not using the DataSourceResult but directly the type PayslipGeneration and I had a lot of trouble with the pagination. So i converted the read function to return a DataSourceResult and then it broke all the other CRUD method I tried to cast the other CRUD method to work only with DataSourceResult as mention on this post, but it still not working.

Any idea?

Grid

answered on 06 Jun 2016

1 answer

151 views

[Solved] Make last child node as anchor tag for all the parent nodes

Hi,

I am working with the treeview with angularjs template shown on the telerik treeview demo and looking for the following format.

A

1

1.1

2

2.1

2.1.1

Is there a way to make only the '1.1' and '2.1.1' (the last child nodes on the respective parents)as anchor tags. I tried to use the k-template and define anchor tag on the template and it is causing all the nodes render as anchor tags.

-YK

TreeView

answered on 06 Jun 2016

1 answer

242 views

xAxis and categoryAxis, and yAxis, and valueAxis

In the chart configuration: is xAxis the same as categoryAxis and is yAxis the same as valueAxis or is there a difference?

It looks like a chart may have many y axes, each of which is an instance of a valueAxis. Each series must specify the y-axis against which it is plotted by setting the series.axis to be equal to the yAxis.name. However, what, then is the purpose of the valueAxis configuration?

Is the situation with xAxis and categoryAxis analogous?

Charts

answered on 04 Jun 2016