w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
  Home » KENDO UI » Page 1
Styling cell in Kendo grid via ClientTemplate
Try like: Add a class/id to the output "div" that is returned from the "processCell" function and using that class get the parent element of the cell and add styling to that cell. Hope it works!

Categories : Kendo Ui

Styling individual tabpanel in Kendo Tabstrip
You can try to get the specific panel using the ID because kendo will add a div with specific ID depending on the name of the tab strip and the tab number (order), for example: @(Html.Kendo().TabStrip() .Name("Main") .Items(Main => { Main.Add() .Text("test1 title").Content(@<text> test1 </text>); Main.Add()

Categories : Kendo Ui

Does kendo.data.dataSource store the old value somewhere?
You are correct that you are not suppose to use this, but it is located in the Data Source. The currently displayed data/dirty data to be submitted is stored in dataSource._data The last saved value/non-dirty data is stored in dataSource._pristineData The dirty flag is also stored in _data. In general you don't want to be messing with any variable that begins with the _. You can alternatively

Categories : Kendo Ui

How do I know what grid called my additionalData function?
The Data Source can be used by multiple widgets, so it can't reliably tell which widgets are using it. There is a bit of a hack to get this with a dataSource event though. Try binding to one of the dataSource events and follow the updated answer in this post. Get a reference to Kendo Grid from inside the error handler It seems I have miss understood your question. Why can't you just bind to t

Categories : Kendo Ui

kendo-ui grid custom editor multiselect set value
There are a couple of questions that you need to consider when implementing multiselect in a Grid. Values are not going to be a single value but an array of values so you need to implement some way for displaying it as (for example) comma separated values. if you use data-bind="value:' + options.field + '" then this will overwrite value: [ "Classical" ]. Actually the later does not make sense si

Categories : Kendo Ui

Is it possible to set the alignment of kendo datepicker's dropdown calendar in kendo grid with respect to the textbox
I know that bug. Your datepicker animation container is hidden under right scrollbar. If you set body overflow to hidden, you will not have a scrollbars and calendar will fit and touch right border of screen, like in this example: http://dojo.telerik.com/UCOhA However if you can't turn off the body scrollbars you need to set calendar position manually dirty way like this: $("#piker").kendoDatePi

Categories : Kendo Ui

is it possible to copy a grid datasource to a new datasource, a new datasource that loads all data?
Some aspects might depend on how did you define the DataSource of the first (pageable) datasource. But basically you need to copy the original data source, then change the value for pageSize and serverPaging and finally assign it to the second grid using setDataSource. Example: // First DataSource definition var ds1 = { transport: { read: ... }, pageSize: 10, schema : {

Categories : Kendo Ui

KendoUI scheduler Week view :-how to get date of start of week
Yes. Use the navigate event to catch current date and get the start of week by manipulating the retrieved date. i.e. navigate: function (e) { if (e.view.toLowerCase() === "week") { GetStartDateOfWeek(e.date); } } function GetStartDateOfWeek(d) { d = new Date(d); var day = d.getDay(), diff = d.getDate() - day + (day == 0 ? -6:1); // adjust when day

Categories : Kendo Ui

Telerik Kendo UI Grid: Allow grouping of any one column at a time
Bind this function to dataBound grid event: function onDataBound(e) { var gr = e.sender.dataSource.group(); if(gr.length > 1){ gr.shift(); e.sender.dataSource.fetch(); } } Greetings.

Categories : Kendo Ui

category axis and Value axis title in kendo bar chart
Just use labels.margin property in chart config. Here is API Reference.

Categories : Kendo Ui

KendoUI - grid - style default edit, delete, update and cancel buttons
Try like this, This is only for kendo grid add button, .k-add { background: url("/Content/images/loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important } Grid $("#grid").kendoGrid({ toolbar: [{ name: "create", text: "Add" }], column:[{command:[ { name: 'edit', template: "<a if-role-permission="['PERMISSION_WORKFLOW_DEFINITION_D

Categories : Kendo Ui

Selecting radio buttons with Kendo UI Grid
I'm using a checkbox instead, and here is how I am defining it. columns.Bound(x => x.IsChecked).ClientTemplate( "<input name='IsChecked' class='chkBox' type='checkbox' data-bind='checked: IsChecked' #= IsChecked ? checked='checked' : '' #/>"); And then on click function of the grid $('#Grid').click(function () { var gview = $("#Grid").data("kendoGrid"); v

Categories : Kendo Ui

How to create/modify kendo dropdown into a nested dropdown?
This link should help you: Cascading drop down list It is relatively simple to implement and should give you the ability to change your second datasource based on the first selected datasource.

Categories : Kendo Ui

How to unselect items in kendo listview
.clearSelecton() is method you need but code like this: $("#listView").kendoListView({ change: function(e){ e.sender.clearSelection(); } }); gonna make infinite loop because .clearSelection() triggers 'chage' event. What you can do is clear selection on window.open() event or just hide selected item via JS: function listViewchanged(e) { var ds = $("#listView").data("kendoL

Categories : Kendo Ui

Action is being called twice in Kendo tabstrip while loading first time
I have had this happen before, and it was because I was creating additional copies of the entire tabstrip in a function that was handling the clicks of certain tabs. Each time the click handler ran, a new copy would be created, which would correspond to how many times the action would be called the first time any unloaded tab was clicked. Oops, bad code: var tabStrip = $('#tabstripTemplate').

Categories : Kendo Ui

Kendo UI - Validator message overwrite and empty errors array
Okay, it seems a/the trick to make this work is to set the values of the data-for attributes of the message spans to the name attribute of the input tag, not the id tag. So in the above example, adding name tags to the input elements is the quick fix: <div id="myForm"> <p> <label for="fn" class="myLabel">First Name:</label> <input id="fn" name="fn"

Categories : Kendo Ui

kendo chart. onReady Event
AS per the comment I made. You could just add the databound event within the initialization as per: dataBound: function(e){ do something here....} for further reading: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#events-dataBound

Categories : Kendo Ui

Kendo UI Toolbar and Grid - strange save behavior when triggered from Toolbar control
For some reason, the mouse down event on the toolbar button doesn't cause a blur on the editor. You can try it yourself by clicking in the cell to edit it, then click and hold the mouse button down on the "normal" button. The editor closes on mouse down, causing a blur of the editor, and persists the change. If you do the same thing, click and hold mouse down, on the toolbar button, the editor s

Categories : Kendo Ui

kendo-ui mobile loader - how to change color of loader
I think there are a couple different loaders, and the CSS seems to be platform specific, but this one is re-colored for ios7. .km-ios7 .km-loading, .km-ios7 .km-loading:after, .km-ios7 .km-loading:before { color: #f00; box-shadow: 16px 0 rgba(255,0,0,0.4); -webkit-box-shadow: 16px 0 rgba(255,0,0,0.4); } .km-ios7 .km-loading, .km-ios7 .km-loader .km-loading-left { background: #f00

Categories : Kendo Ui

kendo ui chart - add html and multiple values to series.Labels.Template
1) Sure template: "<b>Score is:</b> #: value #% legend is: ????" is valid template. 2) Do it like this: template: "Score is: #= dataItem.score #% legend is: #= dataItem.legend #" or by using a function which I think is more convenient: template: function(e) { return "Score is: " + e.dataItem.score + "% legend is: " + e.dataItem.legend } UPDATE: It currently is not possible

Categories : Kendo Ui

KendoUI multiple axis Chart (mixed chart with Bubble and Column chart types)
You can achieve that by creating multiple (in your case two) series. One for column and one for bubble. Example can be found here: http://demos.telerik.com/aspnet-mvc/bar-charts/multiple-axes If you've tried this and it doesn't work, post some code so we can debug. :)

Categories : Kendo Ui

Kendo UI treemap json binding
As stated in the docs "TreeMap is a visualization for hierarchical": TreeMapping is a visualization for hierarchical data which uses nested rectangles. Each rectangle's size and color is related to the structure of the data, allowing you to more easily identify trends and patterns So try to add a "root" level that wraps your two elements: <body> <div id="treemap"></

Categories : Kendo Ui

Can i create KendoUI controls in my Controller
You could create a method that uses the kendo gridbuilder type: public static Kendo.Mvc.UI.Fluent.GridBuilder<T> RenderGrid<T>(this HtmlHelper helper, string gridName) where T : YourObject { return helper.Kendo().Grid<T>().Do stuff here; } And you would call it in your razor markup: @RenderGrid("GridName")

Categories : Kendo Ui

Kendo datasource read(), sync() and cancelChanges()
Are you experiencing this for all scenario's (Create/Update)? You should not have this for Update but can face this for Insert if your service is not sending newly generated Id's back. (Hope you have a Id for your model). Once you have the Id you can add that to your grid source. I have done this few months back but don't have the code now. May be this post can give more detailed information http

Categories : Kendo Ui

Kendo Grid Date Sort not working properly with M/d/yy
When using https://github.com/StefH/KendoGridBinderEx this should just work fine. I just changed in the Scriptscommon.js this code: var _DefaultDateFormat = "MM/dd/yyyy"; // into this var _DefaultDateFormat = "M/dd/yy"; and the sorting works as expected.

Categories : Kendo Ui

KendoUI Template for Context Menu
template seems to not actually be documented: http://docs.telerik.com/kendo-ui/api/javascript/ui/contextmenu When I try to use it, it seems to strip out the elements and just leaves the text. http://dojo.telerik.com/aSenu I poked through the source a bit, but didn't actually see anywhere that a template option would have been used. Seeing as it is not documented, I would assume it isn't working

Categories : Kendo Ui

PhantomJS freezing up with Kendo?
I used the Debug feature in Internet Explorer (WOW!!! just WOW!) the problem became clear from the "network traffic capture" feature in IE - the hang was the "browser link" option in Visual Studio I added this to my web.config and magic :-) <appSettings> <add key="vs:EnableBrowserLink" value="false"/> </appSettings>

Categories : Kendo Ui

Paging with KendoUI and ServiceStack using remote data
You're right that most of the KendoUI examples use client-side paging, which does ship the entire dataset over the wire first. I ran into this issue a few months back and ultimately chose a different overall approach, but there is what I had. You can take one of two basic approaches: Configure the KendoUI DataSource using the transport setting to change the KendoUI query into one that is more

Categories : Kendo Ui

kendo ui multiselect remove delete action
Have your tried applying the same method on the change event as on the databound event? Razor: .Events(e => e.Change("onChange")) Javascript: onChange: function (e) { e.preventDefault(); $(e.sender.tagList).find("li span.k-delete").remove(); }

Categories : Kendo Ui

How to disable past dates without hiding them in Kendo date picker?
You can make it with CSS styles and using custom content in Kendo datepicker. HTML: <input id="datepicker" style="width:150px;" /> CSS: .disabledDay { display: block; overflow: hidden; min-height: 22px; line-height: 22px; padding: 0 .45em 0 .1em; cursor:default; opacity: 0.5; } JavaScript: $(document).ready(function() { disabledDaysBefore = [ +new Date

Categories : Kendo Ui

KendoWindow: setOptions is not working to set actions
The Kendo team actually just fixed this bug Oct 14, 2014. Here is the issue on GitHub and the commit that fixes it. You can wait for the next release, or if you are using the free/opensource Kendo UI Core, then you can make a new build from the GitHub repo. I think if you are using the paid version of Kendo UI, there might be a way to download the latest internal build from your Telerik account.

Categories : Kendo Ui

Kendo UI grid Error event
There is no error event in the grid API. There is one in the dataSource (which is what I am going to assume you are referencing.) http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#events-error This event returns an instance of the dataSource object with the this keyword (You can also access the dataSource with e.sender). The dataSource is not Grid specific, and it seems Telerik h

Categories : Kendo Ui

DataSource transport.destroy called +1 times for each successive delete (recalled for previously deleted items)
thanks to OnaBai I found the problem. consulting RFC 7231, i my changed the http DELETE response from 200 OK to 204 no content.

Categories : Kendo Ui

how to retrieve an instance of kendo scheduler in MVC and add a new property to this
You can do it in JavaScript (only): var scheduler = $("#scheduler").data('kendoScheduler'); scheduler.bind("error", error_handler); If you wanna set not event property you should find correct method to do it in kendo documentation and api reference There is also .setOptons('name', value) method in most of kendo components but unfortunately it usually just change value of property and does not

Categories : Kendo Ui

Kendo scatter chart not showing proper date format
If kendo shows you wrong date formats you can chceck date patterns for your language like this: kendo.culture('bg-BG'); console.log(kendo.culture()); And then if you wanna explicitly set date patterns in your chart do it like so: ... categoryAxis: { labels: { dateFormats: { minutes: culture.calendar.patterns.T, hours: culture.calendar.patterns.g,

Categories : Kendo Ui

change kendo grid ui toolbar dynamically
You have to specify all button you need in getToolBar() function and then use CSS & JS to toggle them. CSS: .k-grid .k-grid-save-changes, .k-grid .k-grid-cancel-changes { display: none; } JS: var grid = elem.kendoGrid({ ... edit: function (e) { e.sender.element.find('.k-grid-save-changes').show(); e.sender.element.find('.k-grid-cancel-changes').show(); } })

Categories : Kendo Ui

Kendo UI / Angular grid - how to collapse a group
For those that come upon this, add this to your grid options dataBound: function () { var grid = this; grid.tbody.find("tr.k-grouping-row").each(function () { grid.collapseGroup(this); }); }

Categories : Kendo Ui

Kendo Datasource.Data() equals Datasource.View()
Notice that in this example the serverFiltering property is set to true (and serverPaging, serverSorting also). So on the javaScript side, you will always have same data whatever you're using view() or data() method. And it will be the same array what controller's acton returns to display: one, selected page. To make view() works as documentation say you have to turn off all properties that i said

Categories : Kendo Ui

KendoUI Grid: Non-editable column?
You would normally set this on your DataSource on the schema.model.fields. var data = new kendo.data.DataSource({ schema: { model: { fields: { type: { editable: "false" }

Categories : Kendo Ui




© Copyright 2018 w3hello.com Publishing Limited. All rights reserved.