Telerik Forums
Kendo UI for jQuery Forum
5 answers
701 views
Hi, how do i add custom inputs (or other things) to the treeview?

I tried doing text ="<input..." but that doesn't work, and I tried just passing back my JSON with an extra param (ie id: 1, text:"...", myparam: "myvalue") and that gave an error.

Here's what I tried:



    $("#treeview").kendoTreeView({
       


        dataSource: [{
        id: 1, text: "<input type='hidden' value='val' />My Documents", expanded: true, spriteCssClass: "rootfolder", items: [
                {
                    id: 2, myparam:2,  text: "Kendo UI Project", expanded: true, spriteCssClass: "folder", items: [
                        { id: 3, text: "about.html", spriteCssClass: "html" },
                        { id: 4, text: "index.html", spriteCssClass: "html" },
                        { id: 5, text: "logo.png", spriteCssClass: "image" }
                    ]
                },
                {
                    id: 6, text: "New Web Site", expanded: true, spriteCssClass: "folder", items: [
                        { id: 7, text: "mockup.jpg", spriteCssClass: "image" },
                        { id: 8, text: "Research.pdf", spriteCssClass: "pdf" },
                    ]
                },
                {
                    id: 9, text: "Reports", expanded: true, spriteCssClass: "folder", items: [
                        { id: 10, text: "February.pdf", spriteCssClass: "pdf" },
                        { id: 11, text: "March.pdf", spriteCssClass: "pdf" },
                        { id: 12, text: "April.pdf", spriteCssClass: "pdf" }
                    ]
                }
            ]
        }]
    });
John
Top achievements
Rank 2
 answered on 27 Nov 2012
2 answers
326 views
Hi!

I want to hide / show one or more tabstrip items in my footers. I have sevaral views in several layouts.

$('.showafterlogin').show() should show all items, but shows only the item in the active view, not in the others.

Is there a way to hide / show all items of all footers? What am i doing wrong?

Thanks, Ralf

<footer data-role="footer">

        <div data-role="tabstrip">

            <a data-icon="home" href="#home">Home</a>

            <a data-icon="globe" href="#standorte">Standorte</a>

            <a class="showafterlogin" data-icon="mostrecent" href="#kundendienst" style="display: none;">Kundendienst</a>

            <a data-icon="camera" href="#scanner">QR-Scanner</a>

            <a data-icon="more" href="#mehr">Mehr</a>

        </div>

    </footer>


Dner
Top achievements
Rank 1
 answered on 27 Nov 2012
0 answers
256 views
Greetings,

I  have a hierarchical grid which supports N levels and I need to add buttons for expand/collapse all the nested grids.
This is the example of my code:

Example

Every time the "Add Expression" button is pressed, a new row is added with a sub-grid and I need to expand/collapse the rows in all the levels.
Please I wonder if someone could help me with this problem, I've been trying many solutions but without good results.
Thanks,


Dorian
Top achievements
Rank 1
 asked on 27 Nov 2012
2 answers
175 views
I'm trying to wrap my head around the data binding feature of kendo. I'm building a mobile app.
I use the following code for my databinding

var app = new kendo.mobile.Application(document.body);
    
    var dayViewModel = kendo.observable(
    {
        todayText: "_",
        showNextDay: function () {
            alert("next");
        },
        showPreviousDay: function () {
            alert("previous");
        }
    });


    kendo.bind($("#dayView"), dayViewModel, kendo.mobile.ui);

As soon as kendo.bind is invoked, the Layout is lost. If the view already has a header element specified, this element is shown instead. Why is this happening?

Also, I've tried a bit further, since the reason why I need to invoke kendo.bind manually, is that I want to load data into the viewModel from a ajax response. I've added the following code for the ajax request

$(function () {
        $.get("request_url", function (data) {
            dayViewModel.todayText = data.DayDescription;
            
            kendo.bind(document.body.children, dayViewModel, kendo.mobile.ui);
        });
    });

And it works just is intended, but I'm still not able to use my Layout. Although I've discovered that if I comment out the first call to kendo.bind, the Layout is applied. Although then the header grows to about double height. And I've got no custom styles or similar.
Allan
Top achievements
Rank 1
 answered on 27 Nov 2012
1 answer
184 views
Hi,

I bumped into a weird problem, that when I use kendoWindow, with the default animation, it sometimes (inconsistent) opens the windows with the following CSS style:
–webkit –transform: scale(0.01)
Which made it very very small (in the size of a few pixels, almost invisible)

The workaround I found for that, is to change the animation from the default, to the following:
animation: { open: { effects: "fadeIn" }, close: { effects: "fadeIn", reverse: true } }

Is anyone familiar with that problem?

Thank you very much..
Kamen Bundev
Telerik team
 answered on 27 Nov 2012
1 answer
64 views
Is Kendo working with MVC4.
Because my application in MVC3 working fine.
but in MVC4 application Grid not working with JSon.
following code :

@Html.Kendo().Grid(Model).Name("qxtgrid"
                ).DataSource(dataSource => dataSource
          .Ajax()
            .Read(read => read.Action("Read", "Grid")

Sagar
Top achievements
Rank 1
 answered on 27 Nov 2012
1 answer
303 views
Hi all.

I'm new to Kendo (I'm coming from jQuery Mobile) and am struggling to achieve something fairly simple. I have a form with yes/no radio buttons. I want the radios to be styled as a Kendo button group. I tried putting the inputs/labels in LI's with the button group role applied to the UL which kinda worked but I could still see the actual radio buttons in the button group. Is there a way to this in Kendo (very simple in JQM).

Thanks in advance.
Petyo
Telerik team
 answered on 27 Nov 2012
2 answers
161 views
Hello. When I add a record in my Grid, "create" url is hit using POST, but checking in the httpd logs, POST parameters are empty.
This is my Grid & Datasource definition:

$(function() {
                $("#grid").kendoGrid({
                    dataSource: {
                        transport:{
                            read:"libyMsg.php?way=getUsrMsgList",
                            create:{
                                url :"libyMsg.php?way=createMsg",
                                type:"POST"
                            },
                            update:{
                                url :"libyMsg.php?way=updateeMsg",
                                type:"POST"
                            },
                            destroy:{
                                url :"libyMsg.php?way=destroyMsg",
                                type:"POST"
                            }
                        },
                        batch: true,
                        pageSize: 10,
                        schema: {
                            data: "data",
                            model: {
                                id: "msg_id",
                                fields: {
                                    msg_id: { editable: false, nullable: true },
                                    msg_title: { validation: { required: true } },
                                    msg_content: {  validation: { required: true } },
                                    msg_type: { type: "number", validation: { min: 0, required: true }},
                                    msg_date: { type: "date", validation: { required: true } },
                                    msg_status: { type: "number", validation: { min: 0, required: true } }
                                }
                            }
                        }
                    },
                    columns: [{ field: "msg_id", width: 40,title: "ID" },
                        { field: "msg_title",width: 230, title: "Title" },
                        { field: "msg_content", width: 370,title: "Content" },
                        { field: "msg_type", width: 40,title: "Type" },
                        { field: "msg_date", width: 300,title: "Date" },
                        { field: "msg_status", width: 40,title: "Status" }],
                    scrollable: true,
                    sortable: true,
                    editable:"popup",
                    pageable: {
                        refresh: true,
                        pageSizes: true
                    },
                    toolbar: ["create", "save", "cancel"],
                });
            });
             
                         
        </script>
I wonder why im receiving an empty POST.
Thanx,
M
Marta
Top achievements
Rank 1
 answered on 27 Nov 2012
1 answer
48 views
Nice improvement in the styling, especially on Blackberry. Tabstrip is really slick now and buttons are much more attractive in Android.

Working nicely on iOS, Android and Blackberry. 

Font icons work much better and overall it seems to run smoother on the handsets.

Kamen Bundev
Telerik team
 answered on 27 Nov 2012
0 answers
86 views
Hi,

I am having a simple form where i am showing a grid from a datasource.After I need to show the same in a window.
It is working fine but, after closing the window upon showing the data if i want to reload the data again then I am getting undefined error for the grid.
For this i have just tried an example with opening a window and after loading the data again for a dropdown box it is also throwing the same error.
Is it the problem with kendoui or have anybody faced this kind oof error.
Any idea??

Regards,
Sri.
SriNi
Top achievements
Rank 1
 asked on 27 Nov 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
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?