Telerik Forums
Kendo UI for jQuery Forum
5 answers
153 views
Hi,

I have some automatically generated pies. If the pie is in one piece, the pie is not shown at all in IE8. In other browsers there's no problem. 

This problem seems to be related with the problem in http://www.kendoui.com/forums/kendo-ui-dataviz/chart/kendoui-pie-chart-problem.aspx, but according to that thread, the bug should have already been fixed.

I'm using kendo.dataviz.min.js and kendo.dataviz.chart.min.js. Both have version v2013.3.1119

I attached a screenshot of IE8 and IE11. Never mind that the pie in IE8 is a bit chopped of at the edges, I'm over that now.
Dimiter Madjarov
Telerik team
 answered on 02 Jul 2014
1 answer
152 views
How can I detect destroy event for widget. I would like to clear some things, when a widget is destroyed.
Why I need this? On opening window I created a new window in javascript, place div(window) to DOM (document.body). When main window is destroy, I would like to destroy also secondary window and remove all html.
Dimo
Telerik team
 answered on 02 Jul 2014
1 answer
508 views
Trouble getting compare validator working

 

Have a grid (mvc, razor) with popup editing. 2
password fields that should compare. On the model I’ve data annotated:
[DataType(DataType.Password)]
[Compare("Password")]


 

How to get validation working?


I have implemeted a solution found else where on your forum - it's working but not pretty:


.Events(events => events.Error("grid_error"))

<script>
    
function grid_error(e) {
        
if (e.errors) {
            
var message = "There are some errors:\n";
            
// Create a message containing all errors.
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            // Display the message
            alert(message);
            // Cancel the changes
            var grid = $("#grid").data("kendoGrid");
            grid.cancelChanges();
        }
    }
</script>
Vladimir Iliev
Telerik team
 answered on 02 Jul 2014
1 answer
65 views
if I bundle web and dataviz and use listview, pager and datasource in the same view I get an error.

Error: TypeError: s is undefined

BundleConfig.cs:
bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
"~/Scripts/kendo/kendo.web.js",
"~/Scripts/kendo/kendo.dataviz.js"));

If I remove the dataviz from the bundle things runs without error.

Any recommendations on bundling kendoui resources?
Atanas Korchev
Telerik team
 answered on 02 Jul 2014
1 answer
404 views
Hi every one,

I have searched all the demos and examples but couldn't find my answer. Most of the examples I found are targeting MVC applications.

I am working on an existing Web application with C#, in Visual Studio 2010. The project is not MVC.

Basically, I have a Kendo Grid in my aspx page, where I want to populate its data from a datatable generated in the code behind.

How can I achieve this?


Thank you.
Vladimir Iliev
Telerik team
 answered on 02 Jul 2014
1 answer
199 views
Hi There,

I am working on an editor for a multi-lingual product catalogue and am trying to use a mixture of tabs and grids to show the properties for each product in multiple languages.

I am working in MVC and my product controller passes a model to a view that contains all the product info for each languages.   I am then trying to dynamically create the tab strip so that each language becomes a separate tab.    Within each tab I call a partial view and pass a model that is filterer by that tab's particular language.

Everything seems to work except that I can't seem to click on any of the tabs that are created .... the only one that is displayed is the one I select programmatically (see below).

(*** View ***)
@(Html.Kendo().TabStrip()
.Name("LanguageProductTab3")
.Items(items =>
    {       
         foreach(string lang in @ViewBag.Languages)     
         {
              items.Add()
              .Text(lang)
              .Enabled(true)
              .Content(@Html.Partial("~/Views/Shared/_LanguageProduct.cshtml", (from u in Model where u.Language == lang select u)).ToHtmlString()).Selected(lang == "EN");      
         }
   }));

(*** Partial View ****)

@model IEnumerable<NewGlobalProductCatalogue.Models.usp_IPCGetProductInfo_Result>
@{var lang = (from u in Model select u.Language).First(); }
@{var gridname = "ProductGrid_" + lang.ToString(); }<p> @gridname </p>
    @(Html.Kendo().Grid(Model)
        .Name(gridname)
    .Columns(columns =>
    {
        columns.Bound(product => product.ColumnID);
        columns.Bound(product => product.ColumnName);
        columns.Bound(product => product.Language);
        columns.Bound(product => product.FieldName);
        columns.Bound(product => product.FieldIDValue);
        columns.Bound(product => product.MasterDataValue);
        columns.Bound(product => product.Prefix);
       @* columns.Bound(product => product.MasterDataTableName); *@
    })
    .Pageable()
    .Sortable()
    )

As I said, the tabs display and the first grid shows up fine, it is just that I am unable to click on any of the other language tabs and have it witch to that view.

Some items of note:

1) I am using the jquery 1.10.2
2) As you can see, the grid is named differently depending on the language
3) I created a simple grid with no partial views and that worked fine.
4) haven't tried using .loadcontentfrom because it seemed unnecessary in this case ... I have all the data there in the view ... it is just a matter of slicing it up correctly, which is what the linq query is doing.

Any suggestions?

Dimo
Telerik team
 answered on 01 Jul 2014
1 answer
162 views
I have a hierarchy grid, what I need to do is when the update function is triggered in the sub grid get the row that is being edited and then based on that row get the corresponding master row.  I added a gist to my sub gird below.  

https://gist.github.com/sdanko11/e581b6216b573d13a327

If you look at the gist I need to be able to replace the masterRow variable within the update function, each time a row is edited for the correct values to go to the correct masterRow. 
Atanas Korchev
Telerik team
 answered on 01 Jul 2014
1 answer
66 views
I can not get it to work.
I would need some really basic demo, how to use replace effect, if I want to use slideUp (hide old) and slideDown (show new).
Petyo
Telerik team
 answered on 01 Jul 2014
2 answers
74 views
Hi,

I have "Role" Grid with popup Editor with columns from Cascade drop downs on a popup.

The way I have set throwing error while creating new user Model.

The sample project attached below.

Can any one Help me in it.

//Parent Dropdown
  $("#Type").kendoDropDownList({
        dataTextField: "TypeDescription",
        dataValueField: "TypeID",
        autoBind: false,
        optionLabel: "Select Type...",
        dataSource: [
        { TypeDescription: "RoleType1", TypeID: 201 },
        { TypeDescription: "RoleType2", TypeID: 202 },
        { TypeDescription: "RoleType3", TypeID: 203 }
        ],
        index: 1
    });
 
//Child Dropdown
 
 $("#Role").kendoDropDownList({
        cascadeFrom: "Type",
       // cascadeFromField: "parentId",
        dataTextField: "RoleDescription",
        dataValueField: "RoleID",
        autoBind: false,
        optionLabel: "Select Role...",
        dataSource: {
            data: [
                    { RoleDescription: "Role1", RoleID: 101, TypeID: 201 },
                    { RoleDescription: "Role2", RoleID: 102, TypeID: 202 },
                    { RoleDescription: "Role3", RoleID: 103, TypeID: 202 },
                    { RoleDescription: "Role4", RoleID: 104, TypeID: 202 },
                    { RoleDescription: "Role5", RoleID: 105, TypeID: 203 }
                 ],
            filter: {
                "field": "RoleDescription",
                "operator": function (item) {
 
                    var data = $("#roleGrid").data("kendoGrid").dataSource.data();
 
                    var status = true;
 
                    if (e.model.isNew()) {
                        for (var j = 0; j < data.length; j++) {
                            if (item == data[j].Role.RoleDescription) {
                                status = false;
                                break;
                            }
                        }
                    }
 
                    return status;
                }
            }
       },
        index: 1
    });
 
 
//role Grid  data source
 
            roledataSource = new kendo.data.DataSource({
                data: e.model.Roles,
                pageSize: 10,
                serverPaging: false,
                serverFiltering: false,
                serverSorting: false,
                schema: {
                    model: {
                        id: "RoleID",
                        Role: "Role",
                        Type: "Type",
                        fields: {
                            RoleID: { type: "int" },
                            Role: { defaultValue: { Value: "", Text: "" } },
                            Type: { defaultValue: { Value: "", Text: "" } },
                        }
                    }
                }
 
            });
 
//Role model
 
 public class RoleType
    {
        public string TypeDescription { get; set; }
        public int TypeID { get; set; }
    }
 
    public class Role
    {
        public string RoleDescription { get; set; }
        public int RoleID { get; set; }
    }
 
    public class RoleModel
    {
        public int RoleID { get; set; }
        public Role Role { get; set; }
        public RoleType Type { get; set; }
    }

Thanks,
Chatrapathi chennam
Daniel
Telerik team
 answered on 01 Jul 2014
5 answers
169 views
Hello,

The async upload fails to upload which can bee checked in the demo:

http://demos.kendoui.com/web/upload/async.html

When I change the jquery version used to 1.8.2, it works fine.

Any suggestions?
Petur Subev
Telerik team
 answered on 01 Jul 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
Bronze
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
Bronze
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?