Telerik Forums
Kendo UI for jQuery Forum
5 answers
359 views

When I'm using Angular Grid I'm getting an error in console  each time the grid loads as "Cannot read property 'removeClass' of null"  .This was getting in the console when I use persist state for grid.

I'm using set options method to set local storage data to grid.

 
  var options = localStorage"departmetsOptions"];
   var response = JSON.parse(options);
   $scope.departmets.setOptions(response);
Here the "setOptions" method is internally calling read method and it is throwing the above exception. Is there any other method to persist the state of grid so that we can avoid this console error.

Please assist to fix the issue.

Konstantin Dikov
Telerik team
 answered on 30 Aug 2016
16 answers
2.2K+ views

I am trying to do this

http://demos.telerik.com/aspnet-mvc/dropdownlist/serverfiltering

 It looks like I dont have to have any special action in the controler

This is my ddl

 

@(Html.Kendo().DropDownList()
                  .Name("commonCreditorID")
                .DataTextField("CREDITOR_NAME")
                .DataValueField("COMMON_CREDITOR_ID")
          .HtmlAttributes(new { style = "width:250px" })
          .Filter("contains")
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  read.Action("CommonCreditors_Read", "Home");
              })
              .ServerFiltering(true);
 
          })
        )

this is my action

public ActionResult CommonCreditors_Read()
{
    GetLoggedUser("/");
    EntitiesModel entities = new EntitiesModel();
 
    var creditors = entities.TBL_COMMON_CREDITORS_LISTs
                    .Where(cc => !cc.OUT_OF_USE)
                    .OrderBy(o => o.CREDITOR_NAME)
                    .Select(cc => new { cc.CREDITOR_NAME, cc.COMMON_CREDITOR_ID });
    return Json(creditors, JsonRequestBehavior.AllowGet);
}

it isnt filtering when I type..any ideas?

Dimiter Madjarov
Telerik team
 answered on 30 Aug 2016
1 answer
359 views
I need to set width/height in em. How can I do it?
Ianko
Telerik team
 answered on 30 Aug 2016
9 answers
448 views
Hi, I'm using 2014.Q3 release without service packs.  My current issue with the grid persist state feature is that it blows up when trying to retrieve any date filter values.  Any issues?  

See error and break point below:
Unhandled exception at line 702, column 1 in Function code

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'toLowerCase'

function anonymous(d, __f, __o) {
return (d.Enabled == true && (d.DateCreatedDate || '').toLowerCase() == '2015-01-22t05:00:00.000z')
}
Jay
Top achievements
Rank 1
 answered on 29 Aug 2016
1 answer
243 views

Hi

I have a Kendo Grid that has a Column which has had the filter customised to be a drop down select instead of a text box.  This works perfectly until you save the grid layout, after that the standard filter is being shown.

Can anyone explain to me how I deal with this?  It also seems to affect my custom groupHeaderTemplates too.

Many Thanks

Mike

Dimiter Topalov
Telerik team
 answered on 29 Aug 2016
1 answer
186 views

kendo messages file contains if check for widget loaded. So I cannot load it once globaly (or maybe I'm wrong),

Could you advice how to load this file to affect all widgets, that are loaded dynamically in spa application? Is the only option to load it every time? which can be problematic

 

Kind Regards?

Petyo
Telerik team
 answered on 29 Aug 2016
1 answer
194 views

 Have a grid that I'm currently filling out via Angular like so:

              <tbody>
                        <tr ng-repeat="customer in customers | orderBy: 'domain'" ng-if="customer.email"  >
                            <td>{{customer.namebspr}}</td>
                            <td>{{customer.nummer}}</td>
                            <td>{{customer.domain}}</td>
                            <td>{{customer.domain2}}</td>
                            <td>{{customer.domain3}}</td>
                            <td>{{customer.domain4}}</td>
                            <td>{{customer.domain5}}</td>
                        </tr>
                    </tbody>

 

Can I do the same thing with a spreadsheet, or do I need to pull the json data directly?

 

 

 

Alexander Popov
Telerik team
 answered on 29 Aug 2016
5 answers
354 views

Click here to view dojo.

The date labels at the bottom are wrong. They should all be five days apart, but the labels "11-06-16" and "11-10-16" are only four days apart. This messes up the remaining date sequence.

I also noticed this. The second task's (JP task) bar representation does not go from beginning to end dates, but the first task (Ted task) displays properly.

Please advise.

Thank you for your help with this matter.

 

T. Tsonev
Telerik team
 answered on 29 Aug 2016
1 answer
1.5K+ views
I am trying to implement multilevel lazy loading treeview. We are not sure of how many levels of nodes will be there in the treeview.
1. ) How can i implement multiple levels of nodes ?  i have X number of items and it is not possible for me to provide  children always. 
2. )  while creating my treeview data model i have an attribute "RANK" in the model. How do i get value of RANK for expanded node so that i can pass it as input while calling service to load child node? 
For URL i need to add RANK as parameter. When i used   url: function (options) { })  i am only getting ID value in options but not the RANK. 
Below is the code i implemented for two levels.
Please help. If possible please provide an example.
Thanks in advance.

    <div id="trVwScanOrg" ></div>

    $(document).ready(function () {
        TreeviewDataBind();
 });


    function TreeviewDataBind() {
var SecondLevel= {
            transport: {
                read: {
                    url: function (options) {


                return kendo.format(MVC URL + parameters in querystring);

                    },
                    type: "get",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    id: "ID",
                    hasChildren: "HasChildren",
                    children: NextLevelItems,
                    Name: "Name"
                }
            }
        };

        var FirstLevel= new kendo.data.HierarchicalDataSource({

            transport: {
                read: {
                    url: MVC URL + parameters in querystring
                    type: "get",
                    dataType: "json"
                }
            },
            schema: {
                model: {
                    hasChildren: "HasChildren",
                    id: "ID",
                    children: SecondLevel,
                    Name: "Name"
                }
            }
        });

        var trVwScanOrg = $("#trVwScanOrg").kendoTreeView({
            dataSource: FirstLevel,
            dataTextField: ["Name"]

        });
    }
Stefan
Telerik team
 answered on 29 Aug 2016
1 answer
258 views

Hello,

Let's say that we have a long list of items inside the first Tab of a TabStrip control and we scroll this list to e.g. 50%. 

 If we move to another Tab then return to the first Tab, we see the list scroll was reset.

I set up a small example on Dojo: http://dojo.telerik.com/aGAlA/2 .Steps to reproduce:

- In tab One move the scrollbars vertically and/or horizontally

- Then switch to tab Two

- Return to tab One - you'll notice that the scroll position have reset.

 

This issue is happening only on Internet Explorer (tested with version 11).

Is thisa known issue with Kendo UI framework ?

Probably simple scenarios can be fixed with a workaround (listenting to Tab events and manually setting back the scroll position); however for very complex UI where there are many content controls with scroll bars - a workaround is not an easy option.

Stefan
Telerik team
 answered on 29 Aug 2016
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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?