Telerik Forums
Kendo UI for jQuery Forum
1 answer
53 views
hello,
can be forwarded to rx.php while the bar is moving

something like

 function sliderOnChange(e) {

url: "rx.php",
type="POST",
data: {name: "e.value"}

thank you very much

luca
Dimo
Telerik team
 answered on 18 Nov 2011
1 answer
111 views
Hello,

I need this sort of functionality (i.e. the side bars auto closing after opening + ability to pin them down)
http://layout.jquery-dev.net/demos/complex.html

1. Any plans to implement this in the splitter?
2. Do you have a suggestion / ideas about the best way to implement it?

Thank you,

Jared
Dimo
Telerik team
 answered on 18 Nov 2011
1 answer
725 views
With the following code, the chart does not even appear on the page when rendered..
<script type="text/javascript">
    function toDate(value) {
    var dateRegExp = /^\/Date\((.*?)\)\/$/;
    var date = dateRegExp .exec(value);
    return new Date(parseInt(date[1]));
}
$(document).ready(function () {
 
    var dsPriceHistoryChart = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://localhost/Data/GetPriceHistoryForChart?callback=?",
                dataType: "jsonp",
                data: {
                    "BeginDate": "2011-10-01",
                    "EndDate": "2011-10-27"
                }
            }
        },
        schema: {
            data: function(data){
                return $.parseJSON(data);
            }
        }
    });
 
 
 
            $("#PriceHistoryGrid").kendoGrid({
                groupable: true,
                sortable: true,
                pageable: true,
                scrollable: true,
                selectable: "row",
                dataSource: dsPriceHistoryChart,
                columns: [
                            {
                                field: "BusinessDate",
                                title: "Business Date",
                                template: '#= kendo.toString( toDate(BusinessDate), "MM/dd/yyyy" )#'
                            },
                            {
                                field: "EffectiveDate",
                                title: "Effective Date",
                                template: '#= kendo.toString( toDate(EffectiveDate), "MM/dd/yyyy" )#'
                            },
                            {
                                field: "Test1",
                                title: "Test1",
                            },
                            {
                                field: "Test2",
                                title: "Test2",
                            }
 
                ],
                 
            });
 
    $("#PriceHistoryChart").kendoChart({
        title: {
            text: "Price History"
        },
        dataSource: dsPriceHistoryChart,
        series: [
                {
                    type: "line",
                    field: "Test1",
                    name: "Test1"
                },
                {
                    type: "line",
                    field: "Test2",
                    name: "Test2"
                }
            ],
        categoryAxis: {
            field: "BusinessDate",
            labels:{
                rotation: -90,
                template: '#= kendo.toString( toDate(BusinessDate), "MM/dd/yyyy" )#'
            }
             
        }
    });
 
    dsPriceHistoryChart.read();
    
                         
 
});
</script>


The Grid displays things properly, but the Chart does not..
I had assumed the template item inside the categoryAxis.labels would be the equivalent to that of the Grid, am I mistaken?

If I remove the 'template' setting as follows, the chart displays - but with horrible looking dates, as they are returned from a WCF service.


$("#PriceHistoryChart").kendoChart({
        title: {
            text: "Price History"
        },
        dataSource: dsPriceHistoryChart,
        series: [
                {
                    type: "line",
                    field: "Test1",
                    name: "Test1"
                },
                {
                    type: "line",
                    field: "Test2",
                    name: "Test2"
                }
            ],
        categoryAxis: {
            field: "BusinessDate",
            labels:{
                rotation: -90
            }
             
        }
    });

NOTE: You may have noticed these lines and wondered why I am calling $.parseJSON in my datasource declaration..
schema: {
            data: function(data){
                return $.parseJSON(data);
            }

The reason for this is that I have to return a collection from C#, and to do so, I serialize a List<Dictionary<string,object>> object into javascript and return it to the page..  
Hristo Germanov
Telerik team
 answered on 17 Nov 2011
3 answers
136 views
Once again thanks for an awesome beta.

So since Telerik never fails here is the big issue issue that really will drive users crazy if not addressed prior to official release.

I found this link http://www.kendoui.com/forums/ui/window/laggy-window-moving.aspx because I did not wanna pester you if you already knew about it but I think this might slip through the cracks otherwise.

The bug I am about to describe does sometimes happen with your Ajax RadWindow control but not NEARLY as bad. I use the latest Telerik libraries for Ajax & Silverlight too.

Ok... I do most of my dev & testing in chrome and this is a 100% chronic bug.

RESIZE - Frankenstein Bug. There is no way to stop it once it starts. In other words I spend more time trying to get it to stop resizing. 

Use case: grab a corner, size, bottom (whatever)
Move till satisfied, click off it, or on it, or whatever. 

AT THIS POINT IT SHOULD STAY PUT!

But alas, Frankenstein is unhappy, and when you move the mouse away to do other stuff, lo & behold the window starts moving.

Nothing can stop it. Click, dblclick, escape, MAD CURSING!! 

Go go godzilla.

And MOVE has mad delay. It is like a black art. 

Now you really should be able to reproduce but I will make you a jing video if you cannot. Just ask.

Thanks very much.

I will still use these even with bugs because no HTML5 windows out there even come close. I realize you built all this stuff from the ground up but I wish you could have taken the RadAjax suite, rendered it in HTML, and then used that super mature powerful years in the making code to create Kendo UI. 

I congratulate you on this framework. I'm hooked.

Alex Gyoshev
Telerik team
 answered on 17 Nov 2011
1 answer
47 views
Hi Guys,

Will Kendoui controls work in both pc browsers and mobile devices without coding specifically for each?
In other words, will this framework allow one to develop a web page using Kendoui controls which displays in both Computer Browsers and Mobile devices without needing to code the webpage to support both devices?

Regards,
 LK
Dimo
Telerik team
 answered on 16 Nov 2011
1 answer
69 views
Hi,

Wanted to implement kendo splitter but alas I found this "deal breaker' bug when zooming for accessibility. 

I made a video to allow you to easily repro.

Thanks!

Cary

http://screencast.com/t/9GB6bxcC
Dimo
Telerik team
 answered on 16 Nov 2011
4 answers
484 views
I have a grid with the selectable option sat to "multiple, cell". I use the change() event on the Grid that fires when selection changes. In this callback function, I can call this.select() to get a jQuery object/array of objects of the selected element(s). So I have something like:

jQuery(td.k-state-selected, td.k-state-selected, td.k-state-focused, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected, td.k-state-selected)

Now, I could build something to copy this object's text content (or anything else, cause I have the jQuery object at hand) to the clipboard, but it's rather difficult to keep the table structure that I actually had in the table. How do I know which TD is the last in selection and is followed by a line break (new TR)? My selection was partial, so I can't use :last-child or similar since there are more TDs in this TR (see attached file).

Also, any way to stop the normal, in browser text selection when I have enabled selection of cells? 

And finally: any tips on a nice copy-to-clipboard solution? It'd be nice to do without Flash if possible, and browser requirements are rather high (IE8+).

Thanks.

/Jacob
Nikolay Rusev
Telerik team
 answered on 16 Nov 2011
1 answer
245 views
I have a dynamic list of sliders on a page and I am trying to limit the ability to increase sliders up to a defined amount.  

For example: There are 3 sliders, and they range from 0-10. There is a voting limit variable that is set to 10.  How Can I disable all sliders from increasing if the total value of all sliders is equal to the main Voting limit?

I know that my example here is very barebones, but I really need some help in determining the total of all the sliders and disabling only the increasing ability once it's reached.

<script>
    var max_votes = 10;
    var sliderTotals = getSliderTotals(max_votes);
         
    function getSliderTotals(val){
        return val;    
    }
     
    function sliderOnSlide(e) {    
        // the current value of the slider
        var orig_value = this.value();
         
        // the new value
        var new_value = e.value;
         
        if(new_value > orig_value){
            new_max_votes = (max_votes - new_value);
        }
    }
 
    function sliderOnChange(e) {
        //console.log("Slide :: new slide value is: " + e.value);
    }
 
    $(document).ready(function() {
        $(".slider").kendoSlider({
            showButtons: false,
            change: sliderOnChange,
            slide: sliderOnSlide
        });    
    });
</script>
Dimo
Telerik team
 answered on 16 Nov 2011
1 answer
108 views
hi! i follow the demo's code in tutorial of grid. This is my code:
<table id="grid">
            <thead>
                <tr>
                    <th data-field="Content1"></th>
                    <th data-field="Content2"></th>
                </tr>
            </thead>
        </table>
$("#grid").kendoGrid({
                dataSource: dataSource,
                height: 100,
                scrollable: {
                    virtual: true
                },
                selectable: true,
            });
Above code displays content1 and content2 in 2 collumns. I try to edit <thead> <th> tag to <tbody></td> but it's seem kendoGrid can oly bind data to <th> tag right?
i wanna display the table in one coll which content1 and content2 are just in one block. How can i do it?
Thanks for any help!
Atanas Korchev
Telerik team
 answered on 16 Nov 2011
1 answer
147 views
Hi,
I'm trying to add server-side filtering using the odata transport method.
The '$filter=' parameter is always blank on the url.
Maybe this is something not supported in Beta 2 or I have a use a bad syntax?
Thank you.

Here my Kendo grid definition:
  $("#grid1").kendoGrid({
                     dataSource: {
                            type: "odata",
                            // Filter always empty with odata ?
                            serverFiltering: true,
                            filter: [{
                                field: "YearSalesTarget",
                                operator: "ge",
                                value: 5000}],
                            // Filter always empty with odata ?
                            transport: {
                                 read: "csp/mediapool/public/dt.common.odata.RequestServer.cls
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverSorting: true
                        },
                        selectable: "multiple",
                        scrollable: false,
                        sortable: true,
                        pageable: true,
                        groupable: false,
                        rowTemplate: kendo.template($("#rowTemplate").html()),
                        columns: [{field:"SalesrepId",title:"Salesrep"},
                                  {field:"SalesrepName",title:"Salesrep Name"},
                                  {field:"StartDate",title:"Start Date"},
                                  {field:"StreetName",title:"Street"},
                                  {field:"State",title:"State"},
                                  {field:"YearSalesTarget",title:"Year Sales $"},
                                  {title:"Edition"}]
                });
Rosen
Telerik team
 answered on 16 Nov 2011
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawer (Mobile)
Drawing API
Globalization
Gauges
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Collapsible
Localization
MultiViewCalendar
Touch
Breadcrumb
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?