Telerik Forums
Kendo UI for jQuery Forum
4 answers
249 views
I like the sleek look of your Tabstrip so much more than jQueryUI's version, but I'm having trouble getting a tab to collapse after it's been clicked and is currently active. I'd hate to pry too much into the code behind it, but what I've found is that if that functionality would exist, it would be in this section:
 M = j.extend({
...
           
_click: function(b) {
                var c = this,
                    d = a(b.currentTarget),
                    e = d.find("." + n),
                    f = e.attr(m),
                    g = a(c.contentElement(d.index()));
                if(d.is("." + D + ",." + F)) {
// NOTE: Prevent animation of same selected tab
                    b.preventDefault();
                } else {
                    if(a("." + v, this.element).filter(function() {
                        return a(this).data("animating")
                    }).length) {return;}
                    if(c.trigger(u, {
                        item: d[0],
                        contentElement: g[0]
                    })) {b.preventDefault();
                    } else {
// NOTE: Animate change of tab
                        var h = e.data(w) || f && (f.charAt(f.length - 1) == "#" || f.indexOf("#" + c.element[0].id + "-") != -1);
                        if(!f || h) b.preventDefault();
                        else return;
                        c.activateTab(d) && b.preventDefault()
                    }
                }
            }

Has anyone accomplished this? I'd hate to break the code by adding my own.
Angelo
Top achievements
Rank 1
 answered on 08 Nov 2011
6 answers
194 views
I am loading html in a tab as per the example.
eg. $(document).ready(function () {
                $("#tabstrip").kendoTabStrip({
                    contentUrls: [
                        'ajax/ajaxContent1.html',
etc.

In the ajaxContent1.html I would like to create a new Kendo UI widget say a treeview. Can this be done.  Also is it possible to execute javascript that is also contained in the  ajaxContent1.html file?

Thanks In Advance

Paul.
Paul
Top achievements
Rank 1
 answered on 08 Nov 2011
2 answers
133 views
I created two inputs as month/year pickers ... If I select a month/year and click with the mouse at the other month/year picker or in another place, than the first input field Change his value ...(FF) You may have an idea to fix this?
Georgi Krustev
Telerik team
 answered on 08 Nov 2011
13 answers
1.0K+ views
Ok, so my datasource is only available AFTER an $ajax request.

So how do I go about initializing the dropdowns (probably as disabled) on $(document).ready and then later populate them with data from the common DS?

This is what I did
- Created the DS global
var weightDS = new kendo.data.DataSource();

- Kendo the inputs to create the dropdowns
$("#from-select").kendoDropDownList({
    index: 0,
    dataTextField: "Msre_Desc",
    dataValueField: "Msre_Desc",
    dataSource: weightDS
});
 
$("#to-select").kendoDropDownList({
    index: 1,
    dataTextField: "Msre_Desc",
    dataValueField: "Msre_Desc",
    dataSource: weightDS
});

In the callback I then assign the datasource url and read in the data
weightDS = new kendo.data.DataSource({
            type: "odata", //Specifies data protocol
            transport: {
                read: currentItem.usda_WEIGHT.__deferred.uri
            }
        });
         
        weightDS.read();

...but the dropdowns aren't populating with the data from the DS.

What am I missing or doing wrong?  I thought once they were bound and the DS changes, all controls using that DS are re-bound?
Georgi Krustev
Telerik team
 answered on 08 Nov 2011
0 answers
125 views
Hi,

I am using a parameterMap function to submit grid properties to using my data services required names:

parameterMap: function(options) {
    return {
        PageIndex: options.page,
        PageSize: options.pageSize,
        Fetch: options.take,
        Offset: options.skip
    }

When serverPaging = false, the "take" value (options.take) is equal to the page size. But as I am doing client-side paging I want the data service to return more results than just the page size. I would like "take" to be a large number or preferably blank if serverPaging = false.

It's not critical, but my grids are dynamically set to serverPaging = true/false depending on some server algorithms (connection speed, data table size etc). Currently I would have to have two different paramterMaps or conditional code which is inconvenient.

Thanks.
BobDev
Top achievements
Rank 1
 asked on 08 Nov 2011
3 answers
446 views
Hi,

The following link is live and can be used to reliably reproduce a multitude of severe bugs with the kendo ui grid.

http://fuhshnizzle.s3.amazonaws.com/shniZZKrafty.html?kraftyman=00000100002145560985

This prototype has all the source code by "view source" so that hopefully these bugs can be addressed.

We are storing all data in an array as per your documentation and initially everything seems fine until hard testing reveals the bugs below.

My startup loves the grid but the bugs are a deal breaker. We are using Grid beta 1 however looking at the bug fixes for v.1 shows none of these addressed. We have spent countless hours getting this to work so we do not want to upgrade until we can see that the Kendo team can reproduce and give guidance. We are hoping that we can go live with kendo grid and be one of your high profile users.

We are in development so we have apx. 4 weeks to either get the Kendo Grid functional or cut it from our architecture so we are willing to work with your team as required as hopefully it is a win/win for all concerned.

So here are the 2 but very serious bugs:

1. Virtual scroll never highlights the last page. It only highlights the next to the last page even though it is on the last record.

2. Sorting, Elevator Bar and Page # do not sync. In other words when you sort to change the order the paging can show the scrollbar at the top but the highlighted page # in the footer as the last page. I am not sure if this is by design but it confuses our testers. They would expect the page to be at #1 when scroll bar is at the top.

MAJOR AND WORST BUG.
3. after scrolling, simply clicking on the column header for SORT OR a PAGE NUMBER in footer will collapse the grid as if there were zero records to display. This is quite severe and 100% reproducible. Just scroll down by clicking and dragging the elevator bar then click the column header. See attachment. PS- clicking the blue logo will reload the grid to expedite your testing.

4. IE8 rendering bug: The grid is completely mis-rendered in IE8 see IE8 snapshot attachment.

Please pound on this prototype by trying various combinations of scroll/page#/sort, i.e. using sort, paging, and virtual scrolling ALWAYS suss out the bugs/quirks and please guide us to include your very promising control in our web app. Again we have spent over 300 manhours getting your grid to work it would be a shame to have to use another company's grid.

Best,

Cary












Cary Abramoff
Top achievements
Rank 1
 answered on 07 Nov 2011
3 answers
140 views
When trying to create a chart with kendo I get several errors in firebug:  
Unexpected value M184.5 NaN 215.5 NaN 215.5 NaN 184.5 NaN z parsing d attribute.

I copied the example in the Kendo UI download and included the jQuery UI framework (jquery-ui-1.8.16.custom.js) .  Any ideas what I can do to resolve this?

So I'm basically running:
            <script>
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "kendo",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [{
                            name: "World",
                            data: [15.7, 16.7, 20, 23.5, 26.6]
                        }, {
                            name: "United States",
                            data: [67.96, 68.93, 75, 74, 78]
                        }],
                        valueAxis: {
                            labels: {
                                format: "{0}%"
                            }
                        },
                        categoryAxis: {
                            categories: [2005, 2006, 2007, 2008, 2009]
                        },
                        tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }

                $(document).ready(function() {
                    createChart();

                    $(document).bind("kendo:skinChange", function(e) {
                        createChart();
                    });
                });
            </script>

thanks,
TC
Troy Chapla
Top achievements
Rank 1
 answered on 07 Nov 2011
2 answers
96 views
http://screencast.com/t/LC1OTvBZhU

So at about 27ish seconds you see the value of the combo item pop in and replace my search text...happens again right after that.

I can provide the script in a ticket if needed
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 07 Nov 2011
1 answer
139 views
Hi I am trying to use a google spreadsheet as a datasource, however the example I use does not render correctly. I have the example up here as a JSfiddle, any clues what goes wrong?

Cheers
Bastian
Petyo
Telerik team
 answered on 07 Nov 2011
1 answer
3.6K+ views
Hi,

I have a DropdownList that I want to create based on JSON pre-loaded with jQuery. This works OK but I need to hide it immediatelly after its creation. The DropdownList will be hosted by a DIV not an input.

The problem is when I call $("#divName").Hide() immediatelly after the creation of the DropDownList, it is not hidden. If later I try to hide it it works.

The reason for this is that I have radiobutton group and two DropDownLists and I would like to show only one of them depending on the radio button checked.

Thanks in advance
Georgi Krustev
Telerik team
 answered on 07 Nov 2011
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?