Telerik Forums
Kendo UI for jQuery Forum
2 answers
241 views
I'm using a Kendo UI Grid in my application through MVC Helpers. 

I have a date column and I would like to implement a date range filter on that column. At the moment I can only see 1 dropdown for the operation and 1 datepicker control.

How can I make the filter to have "Is after or equal to" AND "Is before or equal to" 

Thank you. 
Phillip
Top achievements
Rank 1
 answered on 11 Dec 2015
8 answers
2.1K+ views
I'm trying to get my datepicker to open when the field has focus.  This is relatively easy to do, but now when you click the calendar next to the field to open it up manually, it closes!  Any ideas?  Script below:

http://jsfiddle.net/VgcL7/ 
Augusto
Top achievements
Rank 2
 answered on 11 Dec 2015
1 answer
143 views

Hi,

 

Is it possible to remove navigator from stock charts? I tried visible: false option, and also removing navigator from the codes. But chart is now displaying the line with handles instead of navigator. Can we remove it completely?

 

Thanks,
Kyaw

Ivan Danchev
Telerik team
 answered on 11 Dec 2015
1 answer
147 views

jquery veresion: 1.10.2

telerik.kendoui.professional.2015.3.1111.trial

Ios version 9.1.

I can see, that all the grid data exists in the DOM , but the grid is not rendered.

I have seen, that in earlier versions, the problem could occur due to combination of CSS styles, and I have implemented the proposed fix:

$("#" + gridName).data("kendoGrid").one("dataBound", function (e) {
    console.log("databound");
    var that = this;
    that.tbody[0].style.zoom = 1.1;  
    setTimeout(function(){
       that.tbody[0].style.zoom = 1;
    });
});

but that does not make any difference. 

So any ideas? Does the "combination af CSS styles problem" still exist?

(It is working like a dream on PC - IE, Chrome, on MAC - Safari and on Windows tablet - but not on iPad)

 

Kindest regards

 Jeppe

Dimiter Topalov
Telerik team
 answered on 11 Dec 2015
6 answers
403 views

I want to cascade 3 dropDownLists using local data. The second cascades from the first and the third cascades from the second. For the third dropDownList, I want to be able to intercept the cascade of the third from the second and adjust the filter to apply against the local data. How can I do this?

The issue is that it seems as if cascading from the second to the third ddl only uses the second's value as a filter for the third. What I need is to use the value of both the first and second when filtering data for the third.

Thanks,

--Ed

Georgi Krustev
Telerik team
 answered on 11 Dec 2015
5 answers
524 views
On a column chart, categoryAxis Labels rotated at 300, with relatively long label text, the labels do not match up with the columns in the chart (want the tail of the label text to line up with the column chart).  We're not talking enormous labels, perhaps something like: "2011 xxxxxxxxxxxxxxxxxxxxxxxx"  I even tried using padding right, but that set padding on the top as well as right (is this a bug? even tried padding top to zero and had no effect).  Any suggestions?

Ideally, I wouldn't have to use padding at all and there would be a way to have the tail of the label align with the column chart item.

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.labels.padding.right

$("#chart").kendoChart({
  categoryAxis: [{
    labels: {
      padding: {
        right: 100,
        top: 0
      },
      rotation: 300
    },
    categories: ["2011 xxxxxxxxxxxxxxxxxxxxxxxx", "2012", "2013"]
  }],
  series: [{
    data: [1, 2, 3]
  }]
});
Iliana Dyankova
Telerik team
 answered on 11 Dec 2015
4 answers
315 views

For some time, I've noticed some severe rendering problems when using Kendo numeric/integer text box widgets. Here's the scenario:

Currently, I'm using the latest version of everything (Windows 10 with update 1511, VS 2015 Update 1, latest Kendo), although the problems I'm seeing date back to Window 8/8.1 and VS 2013.

I've got an MVC app using Bootstrap.

In the particular case that I'm working on right now, I've got a form inside a dialog box (Kendo Window widget) that uses a number of different Kendo widgets for input (TextBox, DropDownList, IntegerTextBox).

When I use the IntegerTextBox (or other numeric) widget, rendering consistently just goes all to hell in the dialog box. Spinners disappearing are the least of it. A lot of the time, all the other HTML elements in the dialog box are being overlaid by something. When I move the mouse over various controls, they sometimes appear and sometimes disappear. Clicking on one of the numeric text boxes tends to make everything else disappear. If I remove all numeric text box widgets from the form, the problems disappear completely. Removing the form itself has no impact. Removing validators has no impact.

This occurs in both IE and Edge browsers, but only on my desktop system, never on my laptop or my Surface Pro 3. My desktop system has a second generation i7-2600 with Intel HD Graphics 2000. My laptop has a fourth generation i7-4700HQ with Intel HD Graphics 4600. My Surface Pro 3 has a fourth generation i5-4300U with Intel HD Graphics 4400. I don't see these types of problems when I surf around the web, just in the apps I'm developing with Kendo.

I'm almost at the point of having to buy another desktop computer with a newer processor/graphics just so I can do my work. The problem with that, as my wife wisely points out, is that my customers may run into this problem with the deployed app. Judging by other forum threads, other developers are seeing similar things, but no one seems to have been able to come up with an example that you can duplicate. I suggest you get a system similar to my desktop machine and try it on that. I think the problem is related to the interaction between the Intel HD Graphics 2000, Windows 8x/10, and Kendo. Intel has essentially dropped support for their HD Graphics 2000/3000 for versions of Windows greater than 7 although, obviously, Windows 8x/10 installs and seems to otherwise work on those systems.

 

Georgi Krustev
Telerik team
 answered on 11 Dec 2015
5 answers
461 views
Hi guys,

I have a simple example I have created to try get the kendo stuff working stably on my machine before I think about purchasing it. However, I am struggling to get simple behaviour working which am sure should not be a problem. I am using MVC and what I am trying to do is to refresh my grid below my drop down when I select a Supplier in the dropdown. My grid is populated with products and would want it to reduce the collection and show only the products for a supplier. Code Below:

Partial View 1:
@using Kendo.Mvc.UI
@model IEnumerable<NorthwindKendo.ViewModels.SupplierViewModel>
<div id="supplier" style="width300px;">
    @(Html.Kendo().DropDownList()
           .Name("suppliers")
           .DataTextField("CompanyName")
           .DataValueField("SupplierID")
           .Events(e => e.Change("change"))
           .BindTo(Model)
           .SelectedIndex(-1)
          )
</div>
<script>
    function change() {
        var filterGrid = $("#grid").data("kendoGrid");
         var valu = $("#suppliers").val();
         $.ajax({
             url: "/Product/Grid",
             dataType: "json",
             data: { supplierId: valu },
             success: function (result) {
                 //filterGrid.dataSource.read();
                 //filterGrid.dataSource.fetch();
                 //alert("OK");
                 $("#grid").data("kendoGrid").dataSource.read(); 
                 //filterGrid.dataSource.read();
                 filterGrid.refresh();
             }
         });
     };
</script> Partial View 2:
@model IEnumerable<NorthwindKendo.ViewModels.ProductViewModel>
    
<div id="clientsDb">
    @(Html.Kendo().Grid(Model)
           .Name("grid")
           .Columns(columns =>
                {
                    columns.Bound(p => p.ProductID).Visible(false).Groupable(false);
                    columns.Bound(p => p.ProductName)
                        .ClientFooterTemplate("Total Products: #=count#");
                    columns.Bound(p => p.QuantityPerUnit);
                    columns.Bound(p => p.SupplierID);
                    columns.Bound(p => p.ReorderLevel);
                    columns.Bound(p => p.UnitPrice).Width(90);
                    columns.Bound(p => p.UnitsInStock).Width(120);
                    columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);
                })
            .ToolBar(toolbar => toolbar.Create())
            .Editable(editable => editable.Mode(GridEditMode.InLine))
            .Pageable()
            .Sortable()
            .Navigatable()
            .ColumnMenu()
            .Resizable(resize => resize.Columns(true))
            .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
            .DataSource(dataSource => dataSource
                .Ajax()
                .ServerOperation(false)
                .Model(model =>
                {
                    model.Id(info => info.ProductID);
                    model.Field(p => p.ProductID).Editable(false);
                    model.Field(p => p.ProductName).Editable(true);
                    model.Field(p => p.QuantityPerUnit).Editable(true);
                    model.Field(p => p.UnitPrice).Editable(true);
                    model.Field(p => p.SupplierID).Editable(false);
                })
                .Aggregates(aggregates =>
                {
                    aggregates.Add(p => p.ProductName).Count();
                })
                .Events(events => events.Error("error_handler"))
                .PageSize(10)
                .Create(update => update.Action("Create""Product"))
                .Read(read => read.Action("Grid""Product"))
                .Update(update => update.Action("Save""Product"))
                .Destroy(update => update.Action("Delete""Product"))
                )
    )
</div>
<script type="text/javascript">
    function error_handler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);
        }
    }
</script>
Product Controller :

public class ProductController : Controller
    {
        public ProductController()
        {
            Mapper.CreateMap<ProductProductViewModel>();
            Mapper.CreateMap<CategoryCategoryViewModel>();
            Mapper.CreateMap<SupplierSupplierViewModel>();
        }
        public List<SupplierViewModel> Suppliers
        {
            get
            {
                var viewModels = Repository.GetViewModelCollection<SupplierSupplierViewModelNorthWindDataContext>(); ;
                return viewModels;
            }
        }
        //
        // GET: /Product/
        public ActionResult Index()
        {
            ViewData["Suppliers"] = Suppliers;
            return View();
        }

        public JsonResult Grid()
        {
            ViewData["Suppliers"] = Suppliers;
            var supplierId = Request["supplierId"];


            var viewModels = ProductControllerHelper.GetViewModels<ProductProductViewModelNorthWindDataContext>(supplierId, info => info.SupplierID == Convert.ToInt32(supplierId));
            var kendoResult = new Kendo.Mvc.UI.DataSourceResult
            {
                Data = viewModels,
                Total = viewModels.Count()
            };
            return Json(kendoResult, JsonRequestBehavior.AllowGet);
        }
    }


Please ignore the helper classes as these return the correct data, How ever, I am able to get the id coming through if I put a breakpoint but after 'Json(kendoResult, JsonRequestBehavior.AllowGet);' nothing happens and my grid remains the same, Please assist?
Vladimir Iliev
Telerik team
 answered on 11 Dec 2015
2 answers
104 views

 After upgrading 2015.2 to 2015.3 grid design is broken when in panel bar. Cannot expand grid details. Columns and headers are shifted.

 

I have put ogether little demo: 

http://dojo.telerik.com/EwiRi/2

 

Is there a workaround?

Agnis
Top achievements
Rank 1
 answered on 11 Dec 2015
1 answer
428 views

Hi Team,

 

Am Getting values as {Job:{Id:1,Name:'Developer',Domain:'IT'},EmployeeId:EMP001,Salary:{Value:50000}},

 

I have done binding as show below but Job and Salary values are empty.

 

How can i bind those values from its object, Am trying look something like Field{schema.Name or schema.Value}

 

Any help great appreciation :)

 

Thanks,

Naresh Veginati

Radoslav
Telerik team
 answered on 11 Dec 2015
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?