Telerik Forums
Kendo UI for jQuery Forum
2 answers
148 views
Hi,

I just bought Kendo UI and am rebuilding a php app using the framework and widgets. Great tools and I'm looking forward to the updates next year!

I need to be able to chain multiple widgets together using the onchange event. For example, I have an autocomplete that users select a buyer from. When a buyer is selected I want to bind a combobox or dropdown to the selected value (id) in the autocomplete.

I also need to be able to set the value of several text boxes and hidden fields based on the selection of the autocomplete and other widgets on the same page. Fairy standard jquery stuff, but I'm not sure hoiw these widgets work.

My hope is that I can use the datasource to create buyer data (json) and use the onchange event to create the widget dependencies. Can you provide a basic dependent widget example? I'm using php/mysql for the back-end and can create all the json needed.

Thanks for any help.

Thanks,

Tony
Paul
Top achievements
Rank 1
 answered on 26 Feb 2012
2 answers
184 views
Is it possible to not show a given series in the legend?  If not, I would like to put in a request for this please. 

Thank you.
Hristo Germanov
Telerik team
 answered on 26 Feb 2012
1 answer
119 views
Is there a way to set the color of all text on a chart?

Most default to black, but I need them to all be #777. There doesn't appear to be a color attribute for the text in the configuration...
Hristo Germanov
Telerik team
 answered on 26 Feb 2012
4 answers
1.0K+ views
I've following datasource and grid configuritaion :

dsDetail = new kendo.data.DataSource({
    schema: {
        type: "json",
        model: {
            id: "id",
            fields: {
                c_pmprj: { validation: { required: true }},
                c_pmchart: { validation: { required: true }},
                dt: {/*type: "date",*/ validation: { required: true } },
                slip_nro: {validation: { required: true }},
                defi: { type: "string" },
                amn: { type: "number", validation: { required: true, min: 1} },
                vat01: {type: "number"},
                vat08: {type: "number"},
                vat18: {type: "number"},
                c_zadcity: {type: "string"},
                id: {type: "number"}
            }
        }
    },
    aggregate: [{ field: "amn", aggregate: "sum" }],
    change: function (e) {
        //
    }
});    
 
gridDetail = $("#grid_pmexpense").kendoGrid({
    dataSource: dsDetail,
    //height: 250,
    //filterable: true,
    scrollable: false,
    pageable: false,
    //selectable: 'row',
    sortable: true,
    editable: true,
    navigatable: true,
    columns : [ {field: "c_pmprj", title: "Proje", width: "120px", editor: prjEditor},
                {field: "c_pmchart", title: "Masraf", width: "300px", editor: chartEditor},
                {field: "dt", title: "Belge Tar.", width: "120px", editor:dateEditor /*format: "{0:dd.MM.yyyy}"*/},
                {field: "slip_nro", title: "Belge No", width: "120px"},
                {field: "defi", title: "Açıklama", width: "220px", editor: noteEditor},
                {field: "amn", title: "Top.Tutar", width: "120px", template: '<span style="float:right">#= amn #</span>'},
                {field: "vat01", title: "KDV %1", width: "100px", template: '<span style="float:right">#= vat01 #</span>'},
                {field: "vat08", title: "KDV %8", width: "100px", template: '<span style="float:right">#= vat08 #</span>'},
                {field: "vat18", title: "KDV %18", width: "100px", template: '<span style="float:right">#= vat18 #</span>'},
                {
                    field: "id",
                    title: "İşlemler",
                    template: detailGridActionTemplate,
                    width:  "130px"}                       
                ],
 
    change : function(e) {
        //
    },
    save: function (e) {
            $("#amn_tot").data("kendoNumericTextBox").value(this.dataSource.aggregates().amn.sum);
    },
    saveChanges: function(e) {
        //alert('save');
    }
});    

But this code does not update $("#amn_tot") field with new summed value... In fact this.dataSource.aggregates().amn.sum call always return initial summed up value... How do I recalculate aggregate value? Am I missing something ?

Thanks.
Cagatay
Top achievements
Rank 1
 answered on 26 Feb 2012
2 answers
300 views
Hi Everybody,

     I am trying to bind the kendoui grid using a method on my code behind page (i.e c# page)

    My aspx page content is like beow:

    In the below code block the portion that is marked in bold is the place were we specify data source for the grid.
    My doubt is, how do i bind this grid by calling a method (that return a json or string) in my code behind page,
    without using webservices.

   how do i specify a c# method as datasource, and what possible values can that function return.

<div id="example" class="k-content">
        <div id="grid">
        </div>
        <script>
               
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            
                            transport: {
                                read: { url:"testgrid.aspx/LoadData",            
                                    dataType: "string"}

                            },
                            schema: {
                                model: {
                                    fields: {
                                        Age: { type: "number" },                                        
                                        Name: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                                field:"Age",
                                filterable: false
                            },
                            
                            "Name"
                        ]
                    });
                });
            </script>
    </div>
Any one please give a suggestion to bind the kendo grid using code behind(c#) methods.

I am using visual studio 2008 and .net framework 3.5.

Thank You,
Bahar
Top achievements
Rank 1
 answered on 26 Feb 2012
2 answers
91 views
Where are the questions & answers I can take a look at from the webinar yesterday?

The administrtor of the webinar said he was going to post them to the web site...
John
Top achievements
Rank 1
 answered on 25 Feb 2012
1 answer
201 views
I am trying to include a <div> inside a panel (the <li> element) of a PanelBar, but doing so causes an ajax call to be made, even if no contentUrls were provided.  I have even tried injecting the <div> the first time the individual panel is expanded, but if I do that the div does not get hidden when the panel is closed.  If I inject <div class="k-content"> I am back to having the ajax call made when the panel is first expanded.

My goal of all this is to get a panel with an open arrow icon; when that panel is first opened I want to attach a widget I wrote to the <div> contained in the panel.  The widget works perfectly if I let the panel do an ajax call that returns a simple piece of javascript that attaches the widget to the <div>, but this seems wasteful.

So, can I put a <div> into a panel of a PanelBar without getting an ajax call?  If not, is there another element I could use that would still cause the panel to work correctly and to which I could attach my widget?  I did try attaching my widget to the <li> element itself, but of course that wiped out the <span> elements that make up the title and hold the arrow icon.
Randall
Top achievements
Rank 1
 answered on 25 Feb 2012
1 answer
88 views
Is it possible to use Kendo DataViz components in a Kendo Mobile application? Some intial testing seems to indicate that trying to reference both Kendo UI Web/DataViz and Kendo UI Mobile libraries on the same page causes errors. Is there an example anywhere that shows how to embed a chart/graph into a Kendo UI Mobile app?

Thanks
Petyo
Telerik team
 answered on 25 Feb 2012
0 answers
96 views
Hi!

How can I set custom function for getting autocompletion data?
When i tried code below, read function called twice and I get two dropdown lists in my browser.
How can I make a read function to be called only once? Or what is a proper way to use custom function for returning autocompletion data?
Thanks.

input.kendoAutoComplete({
                dataTextField: 'address',
                dataSource: {
                    serverFiltering: true,
                    transport: {
                        read: function(request) {
                            address = request.data.filter.filters[0].value;
                            geocoder.geocode({'address': address}, function(results, status) {
                                if (results) {
                                    request.success(format_response(results));
                                } else {
                                    request.success([]);
                                }
                            });
                        }
                    }
                }
}
Igor
Top achievements
Rank 1
 asked on 25 Feb 2012
0 answers
107 views
when i use Combobox inside a window ,combobox popup appear behind of window. that's a problem :(
Marzieh
Top achievements
Rank 1
 asked on 25 Feb 2012
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?