Telerik Forums
Kendo UI for jQuery Forum
1 answer
193 views
Hi Fellas,

my problem is that I actually have been running into several times in the last few weeks. I use google maps and I want swipeToOpen to be set to false, but to all the other Views it should be on. To demonstrate my problem I created some code right here http://jsbin.com/OzOhelAK/11/edit
As you can see, if you swipe to the left or to the right the drawer opens up. But if I switch to the map View, I would like to disable that function.

I would appreciate any help!

Thank you so much for everything,
Chris

Kiril Nikolov
Telerik team
 answered on 17 Jan 2014
3 answers
106 views
Hi,
   I have a requirement to enable keyboard navigation on a page with multiple grids on teh same page. The grids vary from simple grids to Hierarchical grids on the same page.  the default commands given in the demo area are working only for one grid. Please do let me know from where I can get help on this issue.
I am working on the ordinary HTML one. Please do give an example for a normal HTML solution.
Thanks in advance
Regards,
Vijay
Nikolay Rusev
Telerik team
 answered on 17 Jan 2014
3 answers
77 views
Hi.  I'm trying to find an example where there is fixed text displayed above a listview.  For example, At the top of the mobile app screen is the information about an order.  Date shipped, PO Number, etc.  Below, I would like to have a listview that has the line items of each of the items that are a part of the order detail at the top.  I would like to be able to scroll through this "half screen" list view while the order information stays in place and static above it.  Is this possible?
Kiril Nikolov
Telerik team
 answered on 17 Jan 2014
1 answer
718 views
Hello...

I have a Kendo Grid using paging ... I need to get all data from that grid without refreshing/updating the ui grid.
The data will be used to create a pdf.

I tried to change datasource pageSize to total, but that update my actual ui grid as well...

How can I do that?
Kiril Nikolov
Telerik team
 answered on 17 Jan 2014
2 answers
450 views
Hi,


I'm having a very strange problem with the telerik grid taking up white space on the page when its not meant to.

It seems like its part of the k-grid-header which is taking up space starting from the content just above it.

As shown on the attached files, i have 2 divs just above the telerik grid, which gets hidden by the grids white space for some reason (seems to be stretching).

However if  i change the formatting and put the grid above the 2 divs, the grid doesnt stretch and the divs show up below it.

Is there any way to stop the grid from stretching from the top of the page and hiding the divs behind it?


I've tried using z-index to make the grid go behind the 2 divs but doing so prevents the grid from being used at all.

I also don't have any styling for the grid.

This is a sample code structure:

<div class="LeftPane HalfwayDivider" style="height: 200px;">
</div>

<div class="RightPane HalfwayDivider" style="height: 200px;">

</div>

    <div id="GridPane">

        @(Html.Kendo().Grid<PurchaseOrderModel>()    
            .Name("POLineGrid")
            .Columns(columns => {
                columns.Bound(p => p.PONumber).Width(70).Filterable(false).Title("PO No");
                columns.Bound(p => p.ProductName).Width(150);
                columns.Bound(p => p.Date).Format("{0:dd/MM/yyyy}").Width(150);
                columns.Bound(p => p.Supplier);
                columns.Bound(p => p.BuCode).Width(56).Title("BU");
                columns.Bound(p => p.DeliveryAddress).Width(150);
                columns.Bound(p => p.ClientName).Width(100).Title("Client User");
                columns.Bound(p => p.RaisedBy).Width(100).Title("Raised By");
                columns.Bound(p => p.TotalAmount).Format("{0:c}").Width(130);
                columns.Bound(p => p.StatusName).Width(70).Title("Status");
            })
            .Sortable()
            .Scrollable()
            .Filterable()
            .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                .Read(read => read.Action("GetPurchaseOrders", "Home"))
            )
        )

    </div>


Thanks for any help.
Jerry
Top achievements
Rank 1
 answered on 16 Jan 2014
1 answer
211 views
Hello all,

I'm sure this is something simple I'm doing wrong. I am trying to create a data connection to an Blogger.com RSS connection. I'm able to get it working with simple jQuery .ajax connection, but it's not working with the KendoUI datasource. I'm sure I'm forgetting something in the KendoUI connection, perhaps a configuration option or something.

The error I'm getting is: " Uncaught TypeError: Object #<Object> has no method 'slice' ".

I'm sure I'm not the first one wanting to connect to an blogspot/blogger.com RSS feed.

In the end, if I have to use the .ajax method, I suppose I can, it will ultimately be using in Icenium....but I'd prefer to stick to the Kendo API as much as possible so everything works together nicely as I will be using it in Views and with the Drawer and other Icenium functionality.

Working jQuery Code:

    var loadDefault = $.ajax({
        type: "GET",
        dataType: 'jsonp',
        contentType: 'application/jsonp',
        url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
        data: "",
        success:  function (data) {
            for (var i = 0; i < data.feed.entry.length; i++) {

                var postTitle = data.feed.entry[i].title.$t;
                var postContent = data.feed.entry[i].content.$t;

                console.log(data);
            }
        }
    });


NOT WORKING KENDO UI:

var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                type: "GET",
                dataType: 'jsonp',
                contentType: 'application/jsonp',
                url: "http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=55&callback=?",
                data: ""
            }
        },
        change: function (e) {
            //var view = this.view();
            console.log('got here');
            console.log(this); // displays "Chai"
        }
    });
    dataSource.read();



Thank you in advance for any help... :)
Steve
Telerik team
 answered on 16 Jan 2014
8 answers
178 views
i am struggling to get json data values,
here attached my files please any one help me?
Iliana Dyankova
Telerik team
 answered on 16 Jan 2014
5 answers
303 views
In the OpenSource edition(kendoui.web.2013.1.319.open-source) , the main html for websushi example is missing. The Page can't be rendered.
Kamen Bundev
Telerik team
 answered on 16 Jan 2014
1 answer
167 views
I am having trouble rendering my child Combox using the cascade option.

Here are the parent/child data sources which shows I'm attempting to link the child "parent_id" to the parent "portfolioIid"

portfoliosList
{"portfoliosList": "Member1", "portfolio_id": 2 } ,
{"portfolioName": "Member2", "portfolio_id": 3}

accountsList array:
      
            { "account_id": 4, "accountName": "Account1", "parent_id": 2 },
            { "account_id": 5, "accountName": "Account2", "parent_id": 2 },
            { "account_id": 6, "accountName": "Account3", "parent_id": 3 },
            { "account_id": 7, "accountName": "Account4", "parent_id": 3 }

Here are my editor function which are attached to my grid:

/// POPULATE PORTFOLIOS (aka Members) COMBOBOX
    function portfolioComboBoxEditor(container, options) {
        var input = $('<input required id="portfolioName" name="portfolioName" data-text-field="portfolioName" data-value-field="portfolio_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);
        input.kendoComboBox({
            dataTextField: "portfolioName",
            dataValueField: "portfolio_id",
            dataSource: {
                type: "json",
                data: portfoliosList
            },
            optionLabel: "Choose a portfolio",
        }).appendTo(container);
    }
    /// POPULATE ACCOUNTS COMBOBOX
    function accountComboBoxEditor(container, options) {
        var input = $('<input required id="accountName" name="accountName" data-text-field="accountName" data-value-field="account_id" data-bind="value:' + options.field + '"/>');

        input.appendTo(container);       
        input.kendoComboBox({
            cascadeFrom: "portfolioName",
            cascadeFromField: "parent_id",
            dataTextField: "accountName",
            dataValueField: "account_id" ,
            dataSource: {
                type: "json",
                data: accountsList
            },
            autoBind: false,
            filter: "contains",
            optionLabel: "Choose an account",
        }).appendTo(container);
       
    }


 I'm not sure where I'm going wrong. The the child combobox (is initially is grayed out) but then remains an empty list.

Thank you in advance for your assitance.
Petur Subev
Telerik team
 answered on 16 Jan 2014
3 answers
120 views
I have a MVVM DropDownList that uses a ViewModel whose DataSource uses a Model with a calculated field. If I attempt to set data-option-label on the DropDownList, I get "TypeError: d.<MyCalculatedField> is not a function". What can I do? This implementation works great on a DropDownList without a calculated field in its Model. Thanks!
Daniel
Telerik team
 answered on 16 Jan 2014
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
Drag and Drop
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
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?