Telerik Forums
Kendo UI for jQuery Forum
2 answers
141 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
462 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
146 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
98 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
141 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
1 answer
72 views
In our project we use REST API. But this API require some additional headers to be sent. 

response-type:json|xml
api-key:kJsdj67SJ983Lk.......

And some other headers.

Right now what i should do is to send data-source query to php script which send request to API and then API return to PHP and PHP return to data-source.

Would be much more simple if I could set those headers to data-source and send query directly to API.
Rosen
Telerik team
 answered on 07 Nov 2011
1 answer
96 views
Thanks for a great product to Kendo Team.
I have that issue - i'm implementing KendoUI's Chart for a graphing solution. Whenever i pass homogenic datasets to the column chart type, it's fine. But if i put some heterogenic data with large variations in values i get a very hard to read graphic. E.g. i have series going like 2000-5000 and some serie values for 90000. The graph is immediately scaled up so it can accomodate the 90k column, which makes the other columns hard to read. I see there's a max option in the CategoryAxis param list, but i'm unable to restrict it in that way. Am i missing something or has Chart misfired on me?
T. Tsonev
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
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
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
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?