Questions on Kendo UI for jQuery Forum

1 answer

207 views

How to check level 3 and more child nodes in Kendo Tree View

Hi ,

Need to check programmatically (based on condition) level 3 (grand child) or more (gran grand child) nodes.

I am able to check till level 2. But can you help me to check the nodes when we have nodes in more that 2 levels.

The following code works up to 2 level:

var treeview = $("#treeview").data("kendoTreeView");
var myNodes = treeview.dataSource.view();
var dataSource = treeview.dataSource;

for (var i = 0; i < nodes.length; i++) {

for (var j = 0; j < nodes[i].items.length; j++) {

if (nodes[i].items[j].ischecked == true) {

for (var k = 0; k < myNodes.length; k++) {
myNodes[k].load();
if (myNodes[k].hasChildren) {

var children = myNodes[k].children.view();

if (children) {

for (var l = 0; l < children.length; l++) {
if (children[l].id === nodes[i].items[j].id) {
children[l].set("checked", true);

var dataItem = dataSource.get(nodes[i].id);
var node = treeview.findByUid(dataItem.uid);
treeview.expand(node);
}
}
}
}

}
}
}

}

TreeView

answered on 03 Feb 2022

1 answer

150 views

Scheduler Appointment Time Recommendation

We are using the scheduler to display the calendar for multiple resources (patient, provider, & room) and the scheduler is able to restrict events from being created that conflict with existing events. Is there a way to have the scheduler recommend event time when the 3 resources are free? Has anyone built out a function to create event on the calendar where multiple resources are available?

Scheduler

answered on 03 Feb 2022

20 answers

3.3K+ views

location of pagination numbers

Is there a way to move the list of pagination numbers to the top of the grid or to keep it visible when scrolling. If I make the grid small, it is easy to see the pagination numbers, but the detailTemplate requires a ton of scrolling. If I make the grid large, the user won't see the pagination numbers if their window is not tall enough.

Grid

updated answer on 02 Feb 2022

1 answer

962 views

How to pass Additional parameter in Kendo Multi select

I want to load positions based on selected employee.

Index.Cshtml

$("#employees").kendoMultiSelect({
                placeholder: "Select employees...",
                dataTextField: "EmployeeFullName",
                dataValueField: "EmployeeId",
                autoBind: false,
                filter: "contains",
                dataSource: { 
                    serverFiltering: true,
                    transport: { 
                        read: baseUrl + "Schedules/GetEmployees_New",
                    }
                }
            }).data('kendoMultiSelect');
             
           $("#positions").kendoMultiSelect({
                placeholder: "Select positions...",
                dataTextField: "Code",
                dataValueField: "PositionId",
                autoBind: false,
                filter: "contains",
                dataSource: {
                    serverFiltering: true,
                    transport: {
                        read: baseUrl + "Schedules/GetPositions_New",
                        data: function () {
                           return {
                                IDs : $("#employees").data('kendoMultiSelect').value().join() //I am not getting this value in controller
                            };
                        }
                    }
                }
            }).data('kendoMultiSelect');

SchedulesController.cs

        public ActionResult GetEmployees_New(Filters filter, string IDs)
        {
            return Json(ReturnData, JsonRequestBehavior.AllowGet);
        }
        public ActionResult GetPositions_New(Filters filter, string IDs)
        {
            // I am not getting employee value in IDs parameter.
            return Json(ReturnData, JsonRequestBehavior.AllowGet);
        }

Model

    public class Filters
    {
        public string logic { get; set; }
        public DateTime? FromDate { get; set; }
        public DateTime? ToDate { get; set; }
        public List<Filter> filters { get; set; }

        public bool IsDailyHours { get; set; }
    }

Any help would be much appreciated.

MultiSelect

answered on 02 Feb 2022

0 answers

114 views

Need help with jQuery

Hi

I have successfully used jQuery to get and use the Value from a Field embedded on the page's form ... this is triggered by an entry (Key 13) ... what I would like to do for a different page is wait for a Form Field to be in focus, then update the content of the Field then refresh the Page ... what I believe is going wrong with my attempt is I don't believe the dynamic page has been loaded before my script is attempting to change the value. The example I have basically fires once when the page supposedly finishes azar loading.

<pre hidden=""> <script> var xmlhttp = new XMLHttpRequest(); var apptype = "New Membership chatrandom Application"; xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { jQuery('#vfb-field-1916').focus(); jQuery('#vfb-field-1916').val(apptype); location.reload(true); }} </script>

</pre> [vfb id=42]

Application

updated question on 01 Feb 2022

5 answers

165 views

multi-axis series with remote data

Hi,

How do you configure a kendo jquery line chart with remote data (json) to display multiple axis.

I have a Target series with Date and Value AND a Program seires with Date a Value and I want both of them to be display on the same chart.

I was not able to find this demo or help from stackoverflow.

regadrs

Charts

answered on 01 Feb 2022

1 answer

158 views

[Solved] Legend type

Hi,

I have a line chart to show two data series, I use two line types but the legend is not synced with the series dash type.

function GetSeries() {
		return [{
			name: chartTerms[68941],
			type: "line",
			dashType: "dot",
			field: "Benchmark",
			color: chartColors["LightPurple"],
			markers: {
				visible: false
			},
		},
		{
			name: chartTerms[7151],
			type: "line",
			field: "Result",
			color: chartColors["DarkPurple"],
			markers: {
				visible: false
			},
		}]
	}

what I see is:

The Benchmark legend is not correct, it should be "dot"

Any idea?

Charts

answered on 01 Feb 2022

1 answer

739 views

[Solved] Determine the type of the sender

I have a databound event that is used on grid but also on a treelist (at first it was grid). Is there a way to determine the type of the e.sender?

General Discussions

answered on 31 Jan 2022

1 answer

655 views

How to trigger filterMenuOpen event every time before menu opens?

Which event can I hook into in order to run custom code before a KendoGrid FilterMenu opens every time?

There is an event that runs once before it opens (filterMenuInit) and an event that runs every time after the menu opens (filterMenuOpen), but I need the third kind, which runs every time before opening.

Filter

Grid

answered on 31 Jan 2022

1 answer

202 views

How dataSource.transport work for data format?

Hi, I want to send data for json format.

This is my data format.

data = {models: Array(1)}, type = "update....
I want to send data like this.

data = {foo: 'bar', locale: 'en', name: 'test', description: '1', ...}
 
This data is same as {models:Array(1)} 's array.
 
My code is here. I used parameterMap to data format for change.
                parameterMap: function (data, type) {
                     if (type === "update") {
                        debugger;
                        return kendo.stringify(data.models[0]);
                    }
                    return kendo.stringify(data);
                }

But when sending data, DataSource.transport.update send another data like this.
 

        var users = new kendo.data.DataSource({
            transport: {
                update: {
                    contentType: contentType,
                    url: function (options) {

                        return base_api_url_manage_users + "info/" + options.models[0].userId ;
                    },
                    type: "PUT",
                },

They send this format.
data = {models: Array(1)}, type = "update....
 
I want to send data form as Objcet, not as Object in Array. How can I change this data format???
Please help me.
 
Thank you.

Data Source

answered on 31 Jan 2022