Telerik Forums
Kendo UI for jQuery Forum
6 answers
273 views

Hi,

I'm using the slot template to show recommended events for each resource groups. My problem I am having is when I switch from one group to another the slot template just adds on to the slot template instead of replacing the existing one. Is there a way to reset the slot template each time you change the group view?

I attached images below to show the what happens when I go from Rooms to Providers, and then how Providers should look.

Thanks,

Michael
Top achievements
Rank 1
 answered on 08 May 2015
2 answers
78 views

I'm trying to access the custom download page and I'm getting a 500 error: "Oh, no! Something's not right,but we're sorting it out."

http://www.telerik.com/download/custom-download

Niki
Telerik team
 answered on 08 May 2015
3 answers
89 views

Hi,

Is it possible to highlight specific bars within a series based on a specific search condition?

I have a Bar chart  that display a number of series. This chart is loaded based on specific prompts. But, once the chart is displayed, the user may want to highlight some of the  bars which contain a specific VIN which is entered by the user within the page. There is a search VIN (Vehicle Identification #) button, which when is clicked, a request is sent to the data service which returns the matching bars indexes that we need to highlight.

The way I want ot highlight the bars that meet the search condition is not by changinging the bars colors. Instead, I want to make the borders of the highlighted bars switch from solid to dashed and in Red color.

 Is this possible to do in KendoChart?

 

Thanks.

Daniel
Telerik team
 answered on 08 May 2015
2 answers
173 views

 am using KendoTreeView control for hierarchical data. Also I need to provide ClearAll feature where all other fields in form including selections made in KendoTreeView should be cleared. So I have written something like this :

public ClearAll(): void {
        $('#myTreeView').find('input:checkbox').each(function (index,element) {
            $(element).prop('checked', false);
        });
    }

Though this clears all selected checkboxes from treeview, however after this if I check parent node again - child checkboxes does not get checked.Also this behavior (child nodes not getting checked) happens for first time only, so if I uncheck and check parent node again - child nodes will be checked.I simulated sample example for this issue :

http://dojo.telerik.com/@rahul_ec27/ALihu

 

Thanks!! Rahul

Rahul
Top achievements
Rank 1
 answered on 08 May 2015
7 answers
287 views
I asked a question on stackoverflow about binding a xml data file to a Kendo UI Menu. 

http://stackoverflow.com/questions/23998479/binding-xml-data-to-kendo-ui-menu-dynamically

I was wondering if Kendo supports binding to a xml file dynamically. If so, could you also create multiple menus with hierarchy structures?


Kiril Nikolov
Telerik team
 answered on 08 May 2015
1 answer
494 views

Hi!

in my AngularJS app I don't need all the filter features that the Kendo grid offers.

I just want a single, clean TextBox in each column header, with no buttons, dropdowns and so on.. purpose: I want to catch the KeyUp Event of the TextBoxes and trigger some server side filtering after that.

the following approach seems not to work with the latest version of Kendo UI:

http://stackoverflow.com/questions/13995365/in-kendo-ui-custom-column-filter-only-with-a-single-textbox-on-each-column-witho

any ideas?

 

thank you very much!

 

Kiril Nikolov
Telerik team
 answered on 08 May 2015
1 answer
161 views

Does anyone have a step by step example of how to use server aggregates with the kendoTreeList?  The documentation is skimpy and the examples don't work.  In my case, I'm doing lazy loads from the server with each expand.  The totals in the grid keep changing and the only way to prevent that is to have the totals come from the server or the data source before it binds.  Below is a sample.  Any help would be much appreciated.  

 

 return new kendo.data.TreeListDataSource({
        transport: {
            read: function (options) {
                var dataUrl;
                var level; // assumes that level will be hte name of the display column, and level + "ID" will be the name of the id column
                var parentId = options.data.id || null;
                        if (options.data.id == null) {
                            level = "P";
                            dataUrl = GLOBAL_WEBAPIBASEURL + "/api/Trading/GetTradeMVByGrouping?GroupBy=PositionType&StartDate=" + from + "&EndDate=" + to + "&FundId=" + GLOBAL_FUNDID + "&BUId=" + GLOBAL_BUID + "&SBUId=" + GLOBAL_SBUID;
                        } else if (options.data.id.indexOf('P') == 0) {
                            level = "D";
                            var p = options.data.id.replace('P-', '');
                            dataUrl = GLOBAL_WEBAPIBASEURL + "/api/Trading/GetTradeMVDetail?StartDate=" + from + "&EndDate=" + to + "&FundId=" + GLOBAL_FUNDID + "&BUId=" + GLOBAL_BUID + "&SBUId=" + GLOBAL_SBUID + "&PositionType=" + p;
                        }

                        //console.log('Exposure By Class ' + level);
                        //console.log(newquery);
                        $.ajax({
                            url: dataUrl,
                            dataType: "jsonp", // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
                            success: function (result) {
                                var data = [];
                                var results;
                                var agg = [];
                                var totalBuy = 0, totalSell = 0, totalNet = 0;
                                for (var i in result) {
                                    switch (level) {
                                        case "P"://Parent
                                            data.push({ label: result[i].PositionType, entity: result[i].PositionType, id: level + "-" + result[i].PositionType, display: result[i].PositionType, parentId: parentId, hasChildren: true, level: 0 });
                                            break;
                                        case "D"://Detail
                                            data.push({ label: result[i].Inst, entity: result[i].Inst, entityId: result[i].InstId, id: level + "-" + result[i].InstId, display: result[i].Inst, parentId: parentId, hasChildren: false, level: 1 });
                                            break;
                                    }
                                    totalBuy        += parseFloat(result[i].Buy);
                                    totalSell       += parseFloat(result[i].Sell);
                                    totalNet        += parseFloat(result[i].Buy) - parseFloat(result[i].Sell);

                                    data[i].BuyGMV  = result[i].Buy;
                                    data[i].SellGMV = result[i].Sell;
                                    data[i].Net     = result[i].Buy - result[i].Sell;

                                }
                                agg = "{\"TotalBuyGMV\":{\"sum\":" + totalBuy + "}, \"TotalSellGMV\":{\"sum\":" + totalSell + "}, \"TotalNet\":{\"sum\":" + totalNet + "}}";
                                results= "{\"data\": " + JSON.stringify(data) + ", \"aggregates\": " + agg + "}";
                                // notify the data source that the request succeeded
                                options.success(JSON.parse(results));
                            },
                            error: function (result) {
                                // notify the data source that the request failed
                                options.error(result);
                            }
                        });

    },
        },
        schema: {
            data: "data",
            //aggregates: "aggregates",
            model: {
                id: "id",
            }
        },
        serverAggregates:true,
        aggregate: [
           { field: "TotalBuyGMV", aggregate: "sum" },
           { field: "TotalSellGMV", aggregate: "sum" },
           { field: "TotalNet", aggregate: "sum" }
        ],

        sort: { field: "Net", dir: "desc" }
    });

Alex Gyoshev
Telerik team
 answered on 08 May 2015
2 answers
238 views

We're using the grid with remote data and inline editing.  When we read/update data on the transports we have a complete function which then goes through and highlights specifics cells.  An example of what we send back: https://gist.github.com/anonymous/b1e52666df38a47d0650

 

We then go through the grid highlighting the specific cells based on the previouslyChangedFields like this: https://gist.github.com/anonymous/49b471c9638766e2a448

 

The problem is that when the user sorts or filters the grid, our "success" class disappears as it is redrawn.   Is there any way to listen for a sorting/filtering event?  The dataSource change event is fired before the grid is redrawn so we can't use that.  

 

Thanks,

Matt

Boyan Dimitrov
Telerik team
 answered on 07 May 2015
11 answers
585 views
I've noticed that having virtual scrolling and grouping enabled at the same time causes the following issues:

  • If grid has not been scrolled yet and you choose to group on a column: grouping seems to be working OK but afterwards scrolling causes incorrect rows to appear in the grid. Taking grouping off causes all rows to disappear.
  • if grid has been already scrolled and you choose to group on a column: all rows will disappear
  • Once rows are gone, the grid is broken permanently and full page reload is required to make it work again.

01.$("#grid").kendoGrid({                     
02.    dataSource: {
03.        data: jsondata,
04.        pageSize: 10
05.    },
06.     scrollable: {
07.         virtual: true
08.     },
09.     groupable: true,
10.    columns: ["id", "col1", "col2", "col3", "col4", "col5"]
11.});

We're using "local" data source of 10'000 rows of JSON in following format:

[
{"id":1,"col1":"O2TnVBjrO","col2":"PGBj8mj4","col3":"T7omqdd","col4":"Hy5FVOzFL","col5":"oetLhPoD8JV0"},
{"id":2,"col1":"MLCkBeX2Ly","col2":"u9v7Mcp5gz","col3":"Wg0vP","col4":"FjUWTyDZFr2qNYu","col5":"9FzeaFf"},
...
]

Is this a known bug or we're doing something wrong with the configuration? Are these features meant to work together and if not is it something that you plan to support?
Rosen
Telerik team
 answered on 07 May 2015
1 answer
110 views

Create an array.  Add a non numeric property to it with a value.  Assign that array to an object as a property.  Create an observable of that object.  The array no longer has its non numeric property.  How can this be avoided?  The same test with an object (which is all an array is) works fine.  

http://jsfiddle.net/n54tke37/3/

 

The first half of that fiddle shows the object case which works.  The second half shows the array case which does not.  

 

 

 

Rosen
Telerik team
 answered on 07 May 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?