Telerik Forums
Kendo UI for jQuery Forum
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
249 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
1 answer
89 views

Hi,

Filter not working in column declared before multi header in kendu grid . when we filtering  member in the  datasourcerequest  shows as another column name. In our grid Columns declares after multi header fields filter works fine. Sorting functions working fine in all sections .when i remove multi header everything works. 

 

Thanks in advance 

shyam 

  

 

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

Hello, i am using kendo Grid along with a form which controls are bound to grid's selected property like 

<input type="text" class="form-control" data-type="date" data-bind="value: selected.creationDate" readonly ></div>

Is there any way to format the printed date along with time in the input control ?

Alexander Popov
Telerik team
 answered on 29 Aug 2016
4 answers
445 views

Hi,

 

I am using the latest Kendo UI version (2016.2.714) and found a bug in the colorpicker.

The buttons (Apply and Cancel) are rendered as

<button class="k-button k-primary apply">Apply</button>
<button class="k-button cancel">Cancel</button>

(see kendo.colorpicker.js line 504 for details or check  the source on github)

When included in a form both of the buttons always cause the form to get submitted when they get clicked as this is the common behavior of a button tag. Both of them should have the type attribute set to "button" to prevent the form from getting submitted. The rendered buttons should look like this:

 

<button type="button" class="k-button k-primary apply">Apply</button>
<button  type="button" class="k-button cancel">Cancel</button>

 

Best regards

 

Thomas

Thomas
Top achievements
Rank 1
 answered on 29 Aug 2016
1 answer
162 views

Hi!

I want to achieve following:

I have a Kendo grid with a button in its toolbar, which opens a small modal Kendo window (referred as dialog), where I can save, load and delete several user-defined grid settings (http://demos.telerik.com/aspnet-mvc/grid/persist-state).

I am using ASP.NET MVC C# with a ViewModel for the dialog's form, but I think this is a very general question. That's why I posted this question into the Kendo UI forum.

 

Right now my implementation looks like this:

1. Click on the grid toolbar button creates a small dialog with an iframe

2. In this iframe a simple html page with a few combobox/dropdown and button components is loaded. This page gets the current grid settings (kendo.stringify(grid.getOptions());) posted in its http request (in case the user wants to save the current grid settings on the server).

3. The user can cancel the dialog through clicking on its x icon, which is in the title bar

4. or can perform any load/save/delete grid settings operation

5. When an operation is successful, the dialog shall be closed. This is achieved via returning a small bit of javascript from the server in the dialog's iframe. This javascript calls some javascript of the parent window: for example it tells the parent window to reload and apply a specific grid setting from the server (if the operation was to load an existing grid setting), and to close the dialog.

 

I feel like the way I implemented this dialog seems to be very complicated and not very clean. It feels annoying to load a complete page into a dialog's iframe, but it would be also very complicated to implement this just via manipulating the DOM structure of the parent window, using Ajax calls only instead of http-requests.

 

What would be the best way to implement a dialog which not just shows some content, but contains a form that needs to load, save and validate user input which needs to be returned to the parent window when closed? Is there a demo available? Or should I use some frameworks?

 

Thank you in advance.

Kaan

Ianko
Telerik team
 answered on 29 Aug 2016
1 answer
189 views

Hi,

 

We are trying to install kendo-ui on linux machine, and get the following error output:

bower                     invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower kendo-ui#^2016.2.805  not-cached https://bower.telerik.com/bower-kendo-ui.git#^2016.2.805
bower kendo-ui#^2016.2.805     resolve https://bower.telerik.com/bower-kendo-ui.git#^2016.2.805
bower kendo-ui#^2016.2.805     ECMDERR Failed to execute "git ls-remote --tags --heads https://bower.telerik.com/bower-kendo-ui.git", exit code of #128 fatal: Unable to find remote helper for 'https'

 

We have tried to config credential manager, but the above error still appears.

Any help would be appreciated.

Thanks in advance,

Emanuel

Petyo
Telerik team
 answered on 29 Aug 2016
10 answers
484 views
Hi

i have at least two entirely different asks towards gantt chart functionality. First question concern an UI intereface. I've loaded regional (cultureinfo) custom preferences - 

<script src="Scripts/cultures/kendo.culture.pl-PL.min.js"></script>
<script type="text/javascript">
//set current to the "pl-PL" culture script
kendo.culture("pl-PL");
</script>

and this great works with one exception, and that's why i'd like to enquire how to change description upon a buttons (data-views). I didn't found any suggestions in this case, and my code looks like:

data-views="[ 'day', 'week', { type: 'month', selected: true }]"



and data-views has no any additional properties/values, but i need to change text on a button (for example: Month display in Polish like "MiesiÄ…c") How to do this?

The second issue concern a dependency case. In example if particular tasks are in scope of the same parent task object, then resize or drag operations has direction impact on the other child tasks. I'd like to achieve similar functionality on the threshold between an end of previous and beginning of very next task. As a conclusion i'd like to enforce change on task that is dependent (ID 188) of the other as a Successor with dependency type [Finish-Start] (ID 187).

{"ID":75,"PredecessorID":186,"SuccessorID":187,"Type":1},{"ID":76,"PredecessorID":187,"SuccessorID":188,"Type":1}

Otherwise it looks a kind of weird when a finish of a previous operation is further in timeline that the next. Is it possible?


 

Bozhidar
Telerik team
 answered on 29 Aug 2016
3 answers
204 views

Hi,

I really would like to get d.ts from NPM as devDependencies. is there a way to do that?

Petyo
Telerik team
 answered on 29 Aug 2016
5 answers
371 views
Hi

Trying to use the custom download builder and there is no download button, just a list of the cdn scripts.

Is this a bug or a change to the custom download builder?
Kiril Nikolov
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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?