Telerik Forums
Kendo UI for jQuery Forum
1 answer
250 views
I'm using the Scheduler control. Double clicking an event opens a dialog to allow it to be edited. Amongst other controls, the dialog has a Time Zone button and a Owner drop down.

How do I go about removing these?

Thanks.

Abrar
Daniel
Telerik team
 answered on 14 Apr 2014
6 answers
451 views
Hi,

I'm trying to add a "select all" checkbox to a grid (along with a column of checkboxes). Using the several samples available, this works fine for a mouse. I was also able to get the table body checkboxes working using the technique in the grid walkthru. However, this doesn't seem to work on the table header. Is there anyway to get this to work? The only thing that even comes close is setting tabindex=0 on the header checkbox, but this results in the header and body behaving differently, which isn't very good either.

Mark

Sources:

http://www.telerik.com/support/code-library/select-grid-rows-using-checkboxes-and-preserve-it-between-the-pages
http://docs.telerik.com/kendo-ui/getting-started/web/grid/walkthrough#keyboard-navigation

Fiddle: http://jsfiddle.net/e2x9g/7/
Mark
Top achievements
Rank 1
 answered on 11 Apr 2014
1 answer
1.5K+ views
Hi,

i wan´t to disable one Button in the ToolBar Section of the Grid. How can i do this?

Greetings Dee
Dimiter Madjarov
Telerik team
 answered on 11 Apr 2014
3 answers
847 views
I'm migrating an application from the old MVC extensions, to KendoUI.
I finally managed to populate my treeview, and get the ID on selection. I now need to replicate the drag and drop functionality, which limits what items can be dragged where.

Essentially I need to restrict dragging, so that items can only be dragged into items of the level above

i.e. A fourth level item can only be dragged to third level items etc..

In my original application (using the MVC extensions, I did this by using the onNodeDragging event - which I know has been replaced by the Drag event.

The code was:-
function onNodeDragging(e) {
    if (!isDropAllowed(e))
        e.setStatusClass('t-denied');
}
 
function isDropAllowed(e)
 
{
 
    var $dropTarget = $(e.dropTarget);
 
    var hoveredItem = $dropTarget.closest('.t-top,.t-mid,.t-bot');
 
  
 
    if (hoveredItem.length > 0) {
 
        var itemHeight = hoveredItem.outerHeight();
 
        var itemTop = hoveredItem.offset().top;
 
        var itemContent = $dropTarget.closest('.t-in');
 
        var delta = itemHeight / (itemContent.length > 0 ? 4 : 2);
 
  
        var insertOnTop = e.pageY < (itemTop + delta);
 
        var insertOnBottom = (itemTop + itemHeight - delta) < e.pageY;
 
        var addChild = itemContent.length > 0 && !insertOnTop && !insertOnBottom;
 
          
 
        if (addChild)
 
            return $dropTarget.parents('.t-item').length == itemLevel;
 
        else
 
            return $dropTarget.parents('.t-item').length == itemLevel + 1;
 
    }
 
      
 
    return false;
 
}


I've changed the setStatusClass line to
e.setStatusClass("k-denied");

But I'm at a loss on how to alter the isDropAllowed function to work with the KendoTreeView.

Thanks

 

Robert
Top achievements
Rank 1
 answered on 11 Apr 2014
1 answer
190 views
Hi guys, I'm trying change the mask property in a component MaskedTextBox in runtime, can I do it? If yes, how?

Thank's
Mauro
Top achievements
Rank 1
 answered on 11 Apr 2014
4 answers
545 views
Hi,
I am new to Kendo UI widgets and MVC4. I am using Razor View. I have a model Called Project. I have another model called Location. In Project model there is a property "List<LocationType> Locations". 

On my razor form i have "@model Model.Project" and one of my multiselect widget shows me location list. I have declared it "@(Html.Kendo().MultiSelectFor(model => model.LocanTypes)". Now when I try to get "Project.Locations" in controller in [HttpPost] action I get Project.Locations as null.

Model declaration on Razor Page: 
@model PestPec.Models.Project 

Multiselect declartion of Multiselect:
@(Html.Kendo().MultiSelectFor(model => model.LocanTypes)
                        .Name("LocationTypesMultiSelect")
                        .Placeholder("Select Location Type(s)")
                        .DataTextField("Name")
                        .DataValueField("ID")
                        .Filter(FilterType.Contains)
                        .DataSource(source =>
                        {
                            source.Read(read =>
                            {
                                read.Action("GetLocatinTypes", "Project");
                            });
                        }) 
                    ) 

Project.cs:
 public class Project
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public int Type { get; set; }
        public string CreatedBy { get; set; }
        public List<Technician> Technicians{get; set;}
        public List<Route> Routes { get; set; }
        public List<ProjService> Services { get; set; }
        public List<Division> Divisions { get; set; }
        public List<Branch> Branches { get; set; }
        public List<LocationType> LocanTypes { get; set; }
        public String Country { get; set; }
        public String City { get; set; }

        [DisplayFormat(DataFormatString = "{0:MM/dd/yy}")]
        public DateTime CreatedDate { get; set; }

        [DisplayFormat(DataFormatString = "{0:MM/dd/yy}")]
        public DateTime LastUpdatedDate { get; set; }
    }

LocationType:
public class LocationType
    {
        public int ID { get; set; }
        public string Name { get; set; }
    }


Alexander Popov
Telerik team
 answered on 11 Apr 2014
1 answer
108 views
My app has a big issue where the user essentially has to restart the app on their device because they are unable to scroll.  I have created an example to demonstrate the problem at http://jsbin.com/dexuj/2/edit (this jsbin example was done for a screen 768px high).

In the example, "grab" the app page to scroll down to the bottom where the "Remove Filler" button is and click it.  When you do that, you will notice that the page is essentially frozen, with maybe half of the top content visible.  The user should be able to touch the page to scroll up, but they cannot.  

I believe this to be a bug for the circumstance where when the buffered page content shrinks to be less than or equal to the viewport height.  For example if the top content had double the lines to make it longer than the viewport, you would still be able to scroll up after clicking "Remove Filler".

I have looked into ways of trying to get the scrolling back and nothing has worked.  "Scroll to top" is not an acceptable solution, that would be unintuitive to the user, they should be able to touch to scroll back up.  Any solutions to this?
Petyo
Telerik team
 answered on 11 Apr 2014
6 answers
393 views
Hi,

Am new to kendo UI, so am not sure how I can do this task.

Problem: I have two data sources(Vtest.json file and Vdata.json file) that I want to populate in a single kendo grid. The grid is populated in such a way that the first three columns are populated from data.json file and the last column should be populated from Vtest.json file based on the first column in the grid. So I am trying to call a javascript function in the last column template in kendo grid. But am unable to filter the data and return the result to third column.

Here is the sample code:

 var vDS = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/views/VTest.json",
                dataType: "json"
            }
        }
    });
    
    //alert(JSON.stringify(vendorDS));

 
    var nodeDS = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/views/Vdata.json",
                dataType: "json"
            }
        },
        pageSize: 1000
    });

  $("#gridAllRuns").kendoGrid({
                    
                    dataSource: nodeDS,                    
                    groupable: true,
                    sortable: true,
                    pageable: {
                        refresh: true,
                        pageSizes: true,
                        buttonCount: 10
                    },
                    filterable: {
                        extra: false,
                        operators: {
                            string: {
                                startswith: "Starts with",
                                eq: "Is equal to",
                                neq: "Is not equal to"
                            }
                        }
                    },
                  
                    columns: [
                        {
                            title: "Node name",
                            field: "location",
                            template: "<a href=\"\">#= location.substr(7, location.length)#</a> ",
                            filterable: true
                            },
                              {
                                  title: "UTC Date",
                                  field: "date_UTC",
                                  filterable: false
                              },
                              {
                                  title: "Actual Value",
                                  field: "wavg_bin_value1",
                                  filterable: false
                              },
                          
                              {
                                  title: "Vendor",
                                  field: "",
                                  template: "#= getVendor(location) #",
                                  filterable: true
                              }
                            
                    ]
                })
//my javascript function....
  function getVendor(location) {
        var node = location.substr(7, location.length);
       vDS.filter({ field: "node", operator: "eq", value: node });
       return vDS.view()[0].Vndr;
}



Petur Subev
Telerik team
 answered on 11 Apr 2014
1 answer
92 views
Hello Kendo team:
If you change the value of a cell in a locked column, its k-dirty span is not shown.
Please, see this example : http://trykendoui.telerik.com/ubaP
and change the  ProductName of a row.

Kind regards.
Oscar
Nikolay Rusev
Telerik team
 answered on 11 Apr 2014
1 answer
113 views
Is there a way to make kendo.observable set up non enumerable properties from the object you give it?  For example:

var someObject = {};
someObject.x = 5;
Object.defineProperty(someObject, "someString", {
    enumerable: false,
    configurable: false,
    writable: true
});
someObject.someString = "This is the base";
 
var foo = kendo.observable(someObject)
 
"x" in foo;  //true
"someString" in someObject;  //true
"someString" in foo;  //false, but I want this to be true
Petyo
Telerik team
 answered on 11 Apr 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?