Telerik Forums
Kendo UI for jQuery Forum
0 answers
136 views
Hi:

Dojo remote datasource not working:
@{
    ViewBag.Title = "Tutorial 10";
}
<h2>Tutorial 10 - Remote DataSource</h2>
<!-- Tweets List -->
<ul id="twitter"></ul>
<script type="text/javascript">
    //  DataSource code
    var ds = new kendo.data.DataSource({
        transport: {
            read: {
                url: "http://search.twitter.com/search.json?q=kendoui",
                dataType: "jsonp"
            }
        },
        change: function () {
            var tweets = this.view();
            $.each(tweets, function () {
                $("#twitter").append("<li>" + this + "</li>");
            });
        }
    });
    //
    ds.read();
</script>
Image attached...
Phil

Phil
Top achievements
Rank 2
 asked on 07 Nov 2012
0 answers
49 views
I am using Kendo UI at a new job and it is extremely frustrating trying to find any documentation on how to use it properly with .NET 3.5 and Visual Studio 2008. That being said I am using a button click to call a page method but have no idea how to handle server side errors / pass them back to the client or even tell if it was successful.

Is there any example code I can look at of this happening? Nothing big just something simple. I unfortunately do not have access to the specific code I am referencing at the moment but would appreciate any help as this is getting increasingly frustrating.
Andrew
Top achievements
Rank 1
 asked on 07 Nov 2012
2 answers
151 views
For some strange reason, drag and drop operations in my TreeView have suddenly changed.  Up until a few days ago, it was working fine.  Now, when I drag and drop a node, the indicator displays correctly, but the item is dropped one line lower than the intended target.  Is there a configuration change I am unaware of?
Steven
Top achievements
Rank 1
 answered on 06 Nov 2012
1 answer
152 views
Hi,
I'm developing a mobile app with phonegap and kendo ui mobile, my kendo ui version is Q3 2012 BETA.
I've had problems with my forms inputs, especially with selects inputs, when I touch on a select input nothing happens, I can not see the select options.
This is my code:

HTML
<div data-role="view" id="comunicar-alerta-pi" data-title="Comunicar Alerta" data-layout="mobile-tabstrip" data-init="comunicar_alerta_pi">
<form id="formpi"> 
<ul data-role="listview" data-style="inset">
            <li>
                <select>
                    <option value="First Option">First Option</option>
                    <option value="Second Option">Second Option</option>
                    <option value="Third Option">Third Option</option>
                    <option value="Fourth Option">Fourth Option</option>
                </select>
                Select element
            </li>
</ul>
</form>
</div>


CSS
.km-root .km-on-android input
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android select
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android .km-list > li
{
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
}
 #comunicar-alerta-pi input:not([type=checkbox]):not([type=radio]),
    #comunicar-alerta-pi select,
    #comunicar-alerta-pi .k-dropdown
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        border:1px solid red;
        padding:10px;
    }

If change the select to dropdown list, works (with a very slow fade transition) but I can see the select options.

How can I fix this select problem without need to change to dropdown list ?

Best regards

André Bolinhas
andre
Top achievements
Rank 1
 answered on 06 Nov 2012
5 answers
291 views
Hi,

     I am working on kendo bar chart with legend.
     Is there any onclick events for legend?
Ron DeFreitas
Top achievements
Rank 2
 answered on 06 Nov 2012
0 answers
151 views
Having a strange issue with Chrome and Kendo.  When the body css is set to 'margin: 0', the first time a dropdown is activated, the list is offset to the left a few px.  After closing, and reopening the list, the position is fine.  No reload of the page between, it just fixes itself.  If I remove the body margin in css, the list works perfectly.

As an example, when I inspect the .k-animation-container element on domready, the 'left' style attribute is empty.  On first click, it's '218px' and every other click after that sets it to '225.5px'.  Doesn't matter what my browser width is, it's always off by 7.5px.

First screenshot is initial click, second is any clicks after.
Running Chrome 22.0.1229.94, Kendo 2012.2.710 open-source

Ideas?
Kevin
Top achievements
Rank 1
 asked on 06 Nov 2012
7 answers
878 views
Two questions:

  1. Legend tooltips: Is it possible to get a tooltip to appear when mousing over an item in the legend? Basically the same tooltip functionality you provide when mousing over pie slices or bars but for a legend?
  2. Legend template: Is the "template:" feature supported in the legend section? I am trying to format the text displayed in the legend with a function:
    dataSource: {
            transport: {
                read: {
                    url: JsonPath,
                    dataType: "json"
                }
            }
        },
        legend: {
            position: LegendPosition,
            visible: LegendVisible,
            template: "#= FormatLongText(value, 1) #",
            font: '8px Arial'
        },


My FormatLongText() function is NOT called in the "legend" section. Is template not supported in the legend section?

Thanks
Ron DeFreitas
Top achievements
Rank 2
 answered on 06 Nov 2012
0 answers
112 views
I'm trying to get my Grid to stay a static size no matter how many elements are visible on the page. Currently my first page of the grid looks lile this:
http://imgur.com/RAWx6

And my last page of the grid looks like this:
http://imgur.com/zL9na

I'm using the following code:
var gridDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "mysite",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            type: "POST",
            data: function () {
                return {
                    param: value
                };
            }
        },
        parameterMap: function (options) {
            return JSON.stringify(options);
        }
    },
    schema: {
        model: {
            id: "id",
            fields: {
                name: { type: "string" },
                domain: { type: "string" },
                lastSeen: { type: "date" },
                os: { type: "string" }
            } // End of fields
        }, // End of model
        data: "Entries",
        total: "TotalCount"
    },
    sort: {
        field: "name",
        dir: "asc"
    },
    pageSize: 14,
    serverPaging: true,
    serverSorting: true,
    serverFiltering: true
});
 
var devicesDataGrid = $("#devicesGrid").kendoGrid({
    selectable: "row",
    dataSource: gridDataSource,
    autoBind: false,
    columnMenu: true,
    filterable: true,
    scrollable: false,
    sortable: true,
    resizable: true,
    height: 500,
    columns: [ { title: "Name", field: "name", template: "<a href='/GridVision/EditOrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= name #</a>" },
                { title: "Domain", field: "domain" },
                { title: "Operating System", field: "os", template: '<div class="ellipsisCell" title="#= os #">#= os #</div>' },
                { title: 'Last Seen', field: 'lastSeen', template: "#= kendo.toString(lastSeen, 'MMMM dd yyyy, h:mm tt') #" }
                ],
    pageable: { input: true, numeric: false, info: true },
}).data("kendoGrid");
 
gridDataSource.read();

Any suggestions on how I can make the grid stay the same height no matter how many elements there are?
Kyle
Top achievements
Rank 1
 asked on 06 Nov 2012
0 answers
162 views
Attempting to use the Kendo DataSource object to call a WebAPI controller in another project. This is a cross-domain call. I am able to get this to work when using $.ajax directly but it get a "access is denied" error when using the DataSource. Here's the setup:

jQuery.support.cors = true;
 
function sendRequestKendo(url) {
    ds = new kendo.data.DataSource({
        transport: {
            read: {
                url: url,
                type: "GET"
            }
        },
        change: onDataChanged,
        error: function(response) {
            alert(response.errorThrown);
            $("#loginError").show();
        }
    });
    ds.read();
}
 
function onDataChanged() {
    $("#results").html(kendo.stringify(ds.view()));
}

I have the following in the web.config of the API project to allow cross-domain calls:

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="http://mydomain.com" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
  </customHeaders>
</httpProtocol>

The error handler is called and the response.errorThrown is "Access is denied". I can get around this by changing the security setting in IE Internet Options / Security / Internet Zone / Custom Level / Miscellaneous / Allow data sources across domains. However, this will NOT be allowed in production. It works okay in Chrome and Firefox but not IE9.  Again, if I do a straight ajax call it works:

$.ajaxSetup({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    dataType: "json"
});
$.ajax({
    url: url,
    success: function() {
    },
    error: function(response, status, err) {
        $("#loginError").show();
        $("#errorMessage").html(err);
    }
});

Any ideas?

Dave
Top achievements
Rank 1
 asked on 06 Nov 2012
1 answer
66 views
I have an object with some properties that will appear in the grid, but one of the properties is a list that will generate other columns. Its doing this?

Thanks
Caio
Top achievements
Rank 1
 answered on 06 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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?