Telerik Forums
Kendo UI for jQuery Forum
1 answer
114 views
What happened to this property?  It was very useful in the Ajax Controls suite.

Atanas Korchev
Telerik team
 answered on 23 Jan 2012
1 answer
163 views
I downloaded the latest internal build 2012.3.111 to get support for the DropDownList as an editor for the grid and for the Add New Record to an empty grid bug fix. The DropDownList column Editor works fine in IE9 but not at all in Chrome (version 16.0.912.75 m). Also I have navigatable commented out because the DropDownList does not work in any browser when keyboard navigation is turned on. I've verified that the DropDownList works properly outside of the grid on both browsers.

I wanted to open a support ticket but there's no option for anything but publicly released builds. Is there a bug tracker for internal builds so that we can provide feedback?

       $('#contacts').kendoGrid({
            scrollable: true,
            dataSource:contacts,
            sortable: true,
            //navigatable:true,
            autobind:true,
            pageable: true,
            selectable: "single",
            toolbar: ["create""save""cancel"],
            editable: true,
            columns:[
            {
                field:"ContactRoleType",
                title:"Contact Type",
                editor: ContactTypeEditor
            },
            {
                field:"FirstName",
                title:"First Name"
            },
            {
                field:"LastName",
                title:"Last Name"
            },
            {
                field:"EmailAddress",
                title:"Email Address"
            },
            {
                field:"CountryName",
                title:"Country"
            },
            {
                field:"PhoneNumber",
                title:"Phone"
            },
            {
                field:"FaxNumber",
                title:"Fax"
            },
            {
                field:"Comments",
                title:"Comments"
            },
            {
                command:"destroy",
                title:""
            }]
        });
    });
    function ContactTypeEditor(container, options) {
    $('<input name="' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            dataSource: {
                                transport: {
                                    read: {
                                        url: "@Url.Action("ContactTypes","Contacts",new {Area="CRM"})",
                                        dataType: "json",
                                        contentType: "application/json; charset=utf-8",
                                    }
                                }
                            },
                            dataTextField:"Text",
                            dataValueField:"Text",
                            autoBind: true
                        });
     }


Atanas Korchev
Telerik team
 answered on 23 Jan 2012
5 answers
259 views
Any Ideas why the following code should produce an error?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head>
    <!--In the header of your page, paste the following for Kendo styles-->
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.kendo.min.css" rel="stylesheet" type="text/css" />
    <!--Then paste the following for Kendo scripts-->
    <script src="scripts/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/kendo.all.min.js" type="text/javascript"></script>


        <title>Binding to remote data</title>
    </head>
    <body>
        <div id="example" class="k-content">
            <div id="grid"></div>
            <script  type="text/javascript">
                var dateRegExp = /^\/Date\((.*?)\)\/$/;

                function toDate(value) {
                    var date = dateRegExp.exec(value);
                    return new Date(parseInt(date[1]));
                }

                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "http://localhost:64526/WcfLeaguesDataService.svc/tbl_Umpires"
                            },
                            schema: {
                                model: {
                                    fields: {
                                        Id: { type: "number" },
                                        Firstname: { type: "string" },
                                        LastName: { type: "string" },
                                        EmailAdd: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 250,
                        filterable: true,
                        sortable: true,
                        pageable: true,
                        columns: [{
                            field: "Id",
                            filterable: false
                        },
                            "Firstname",
                            "LastName",
                            "EmailAdd"
                        ]
                    });
                });
            </script>
        </div>
    </body>
</html>

The Error is:

<?xml version="1.0" encoding="iso-8859-1" standalone="yes"?>
<error xmlns="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata"> <code></code> <message xml:lang="en-GB">The query parameter '$format' begins with a system-reserved '$' character but is not recognized.</message> </error>

As it is just an edit of the Example code. (The WCF string pasted into the browser, seems to work fine)
Naveen
Top achievements
Rank 1
 answered on 23 Jan 2012
2 answers
187 views
Is it possible to reference another field in a column template?

Or do I need to use a rowTemplate for that?

Thanks
Eric
Eric Schoenholzer
Top achievements
Rank 2
 answered on 22 Jan 2012
1 answer
310 views
Hello,

I am new to kendo ui. I have used grid to display my list of entries (stored in db). Now i want to make few rows in different color based on some condition i.e. i want to show all rows in different if any of my friends birthday is in next week. in my grid i am printing friend name and brithday.

Now as per the demo i used div for grid. It is showing all my friends in grid but there is no property where i can specify different colorfor few records.

Any idea how to achieve that?

Regards,
Ashok
Andrew
Top achievements
Rank 1
 answered on 22 Jan 2012
1 answer
146 views
Hello,

I'm evaluating Kendo for the project I'm working on for my company.  Does Kendo ui have any deep linking support for SPA (single page applications)  Or is this something I'm going to have to add myself.   I did a quick search of the forums and didn't see it mentioned.    (What I mean by deep linking, is the ability to use the forward, back and refresh buttons to navigate an SPA).

Thanks
Gabriel
Top achievements
Rank 1
 answered on 22 Jan 2012
0 answers
178 views
If you look at the acutal inbuilt filter control on a grid column here: http://demos.kendoui.com/web/grid/remote-data.html
Is it at all possible to override the layout + functionality of this? For example:
  • change text
  • remove some options
Gabriel
Top achievements
Rank 1
 asked on 22 Jan 2012
2 answers
71 views
When I try running the "customising templates" in Safari on the iPad the drop down appears but when I scroll the temple the drop down closes when I take my finger off it. -- Stuart
Stuart Hemming
Top achievements
Rank 2
 answered on 21 Jan 2012
2 answers
191 views
Should I expect the combo box to work in Safari on the iPad? When I try the demo when I click to open the drop down it immediately closes again. -- Stuart
Stuart Hemming
Top achievements
Rank 2
 answered on 21 Jan 2012
7 answers
751 views
Hi!

I'm trying to use kendoUpload through a Java servlet. Despite upload phase gets completed without a problem (that is, servlet receives and parses the input, and returns a successful JSON response with a page of type "text/plain") Kendo complains that unexpected server response. The strange thing is returned JSON response from the server looks ok, see below console output:

Server response: {"status":0,"data":[{"id":"4f11af83ccf2c8eb5e42afa8","text":"","type":"IMAGE","image":{"small":{"id":"4f11af83ccf2c8eb5e42afa7","width":100,"height":74},"large":{"id":"4f11af83ccf2c8eb5e42afa6","width":400,"height":296}}}]}

(I can also verify the above returned JSON from Firebug.) What might I be missing? How can I further diagnose the problem? (Using Kendo UI v2011.3.1129 GPL, Firefox 9.0.1) I reproduced the same error with "text/json" and "application/json" data types too.

BTW, I use kendoUpload as follows:

$(divSelect).html("<input id='input-4f11af83ccf2c8eb5e42afa7' type='file'/>");
$("#input-4f11af83ccf2c8eb5e42afa7").kendoUpload({
  async: {
    saveUrl: "/image/add",
    saveField: "image"
  },
  upload: function(ev) { ev.data = {...}; },
  success: function(ev) { ...; }
};

To further detail the problem, I introduced an error handler function to kendoUpload and placed a breakpoint right in the function body. Below is the stack trace at the breakpoint.

  1. ev: Object
    1. XMLHttpRequest: XMLHttpRequest
      1. onabort: null
      2. onerror: null
      3. onload: null
      4. onloadstart: null
      5. onprogress: null
      6. onreadystatechange: null
      7. readyState: 4
      8. response: "{"status":0,"data":[{"id":"4f11e39cccf21c6288c10834","text":"","type":"IMAGE","image":{"small":{"id":"4f11e39cccf21c6288c10833","width":72,"height":100},"large":{"id":"4f11e39cccf21c6288c10832","width":400,"height":558}}}]}"
      9. responseText: "{"status":0,"data":[{"id":"4f11e39cccf21c6288c10834","text":"","type":"IMAGE","image":{"small":{"id":"4f11e39cccf21c6288c10833","width":72,"height":100},"large":{"id":"4f11e39cccf21c6288c10832","width":400,"height":558}}}]}"
      10. responseType: ""
      11. responseXML: null
      12. status: 200
      13. statusText: "OK"
      14. upload: XMLHttpRequestUpload
        1. onabort: null
        2. onerror: null
        3. onload: null
        4. onloadstart: null
        5. onprogress: null
        6. __proto__: XMLHttpRequestUpload
      15. withCredentials: false
      16. __proto__: XMLHttpRequest
    2. files: Array[1]
    3. isDefaultPrevented: function (){return f}
    4. operation: "upload"
    5. preventDefault: function (){f=!0}
    6. __proto__: Object
  2. this: d.extend.init

In the above output, I dunno what responseType actually corresponds to, but in the Firebug output I can verify that the server response is of type "text/plain".


Best.
Volkan
Top achievements
Rank 1
 answered on 21 Jan 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?