Telerik Forums
Kendo UI for jQuery Forum
3 answers
134 views
Hello

i have an issue with the grid and the editable options.

this fiddle works fine http://jsfiddle.net/hansdampf10/nPXey/1/

In the config editable: true works fine.

I want to change the confirmation message on deletion so i changed config to this

editable: {
update: true, // puts the row in edit mode when it is clicked
destroy: true, 
        confirmation: "Custom message"
}

when i do this, the grid is not editable anymore and i can't add new entries. You can see the problem in this fiddle
http://jsfiddle.net/hansdampf10/JFnj6/1/

Timur
Top achievements
Rank 1
 answered on 27 Jun 2012
1 answer
274 views
Hello,

I try to use the ListView widget according to the documentation.
I created a list in my HTML as following:
<ul id="listView"></ul>

Then, I copy-pasted the example in the demo:

$("#listView").kendoListView({ 
         dataSource: {
          data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", year: "1980"}]
 },
 template: "<li>${title} ${year}</li>"
});

But when I run it, the code in the browser looks like this: 
$("#listView").kendoListView({
dataSource: {
data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", year: "1980"}]
},
template: "<li> </li>"
});

as You can see, the template is empty for some reason...

I also noticed that in the examples the template is sometimes inside the dataSource property, like this:
dataSource: {
         data: [{title: "Star Wars: A New Hope", year: "1977"}, {title: "Star Wars: The Empire Strikes Back", yearI : "1980"}],
template: "<li>${title} ${year}</li>"
}

And sometimes like in my first code example, I wonder what is the correct syntax?.. (I tried both.. Same result with the template)

I wonder what am I doing wrong?

Any help would be appreciated.
Thanks,
Irit.
Iliana Dyankova
Telerik team
 answered on 27 Jun 2012
5 answers
2.0K+ views
there is a number field name "SiteHits". For this field ,I define validation as below:
validation:{
required:true,
min:1,
digits:true
}

I also include jquery(version 1.7.1) and jquery-validate(version 1.9.0).
it seems "digits" is not useful.

Does the problem cause by jquery ?
OR
Does KendoUI not support "digits" validation?

Hope the solution for it, thanks!
Nick Wu
Top achievements
Rank 1
 answered on 27 Jun 2012
1 answer
234 views
I'm evaluating the use of kendoUI for a new project. i've placed an asp.net dropdownlist on a blank page and wired up the databind and postback event on the aspx.cs code behind. 

    <asp:DropDownList ID="comboBox" runat="server" 
    DataTextField="monthfullname" DataValueField="mthid" CssClass="k-combobox" 
    AutoPostBack="true" onselectedindexchanged="comboBox_SelectedIndexChanged">
    </asp:DropDownList>

and the js on document ready

    <script type="text/javascript">
        $(document).ready(function () {
            $(".k-combobox").kendoComboBox();
        });
    </script>

i've tried it on IE8 and it works fine, but on chrome the postback is giving me the "Aw, Snap!" page. what could be the issue?

i've disabled all extensions on chrome already but to no effect.

PS: i'm developing on localhost
Justin
Top achievements
Rank 1
 answered on 27 Jun 2012
2 answers
247 views
Hi,

WCF Service returning JSON string for hierarchical grid. While binding to grid, I am getting following error. In examples I found two different services calling for Parent and Child. My requirement is one JSON string with hierarchical gird.

Invalid template:'<tr data-uid="#=uid#"><td>${All}</td><td>${sample name}</td></tr>' Generated code:'var o,e=kendo.htmlEncode;with(data){o='<tr data-uid="'+(uid)+'"><td>'+(e(All))+'</td><td>'+(e(sample name))+'</td></tr>';}return o;'


  <div id="example" class="k-content">
        <div id="grid">
        </div>
        <script type="text/javascript">
            $(function () {
                dataSource = new kendo.data.DataSource({
                    schema: {
                        model: {
                            id: "_grdData"
                        }
                    },
                    pageSize: 10,
                    transport: {
                        read: { url: "/Service.svc/GetData", datatype: "json", type: "GET" },
                        parameterMap: function (data, operation) {
                            if (operation != "read") {
                                return JSON.stringify({ Service : data })
                            }
                        }
                    }
                }),


                $("#grid").kendoGrid({
                    dataSource: dataSource,
                    pageable: true,
                    scrollable: {
                        virtual: false //false
                    },
                    detailInit: detailInit,
                    dataBound: function () {
                        this.expandRow(this.tbody.find("tr.k-master-row").first());
                    },
                    toolbar: ["create"],
                    editable: "popup",
                    columns: [
                            { field: "name", title: "Name", width: "150px" }


                     ]


                });
            });

            function detailInit(e) {
console.log("Name: " + e.data.child[0].name );
                console.log("Name1:" + e.data.child[0].name1 );
                $("<div/>").appendTo(e.detailCell).kendoGrid({
                    dataSource: dataSource,
                    filter: { field: "id", operator: "eq", value: e.data.id},
                    columns: [
                        { field: e.data.child[0].name, title: "Name", width: "150px" },
{ field: e.data.child[0].name1, title: "Name 1", width: "150px" } 
              ]
                });
            }
        </script>
    </div>

JSon Data from service :
[{"name":"All","id":5369,"child":[{"name":"All","id":5369,"child":null,"name1":"sample name"}],"name1":null}]
Krish
Top achievements
Rank 1
 answered on 26 Jun 2012
1 answer
2.5K+ views
Sorry, new in the KendoUI..
How do I add tooltip to the button?
this does not work

 

<span id="search" data-tooltip="Hello World" class="k-button">Search</span>

 

 

 

Iliana Dyankova
Telerik team
 answered on 26 Jun 2012
0 answers
154 views
Any plans to support this?
http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx

(Select a parent and the children inherit)
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 asked on 26 Jun 2012
3 answers
875 views
I'm trying to access a REST service that expects raw XML to be POSTed in the body of the request. I read in the forums here that the transport property of the Data Source works via the jQuery.ajax() function, so I should be able to do something like this:
var ds = new kendo.data.DataSource({
transport: {
read: {
url: "...",
dataType: "xml",
cache: false,
contentType: "application/xml",
type: "POST",
data: "<Test></Test>"
}
}
});

In Fiddler, I can see that the Content-Type of the request is indeed getting set to "application/xml". However, the body is totally empty. If I change the data parameter to use a key-value structure, then it does pass the key-value in the body of the request. I can't figure out why sending raw content in the body isn't working - does Kendo pre-process the data property in some way to disallow this kind of use?
Tony
Top achievements
Rank 2
 answered on 26 Jun 2012
2 answers
406 views
With Version 515 I am noticing a minor issue with column resizing. Even though the browser has focus I have to sometimes click on the column heading in order to get the column resize cursor to appear.

i.e. it is a normal cursor even on mouse hover over a gutter between columns in the grid header. But a one time click on any of the headers will restore the mouse hover action.

True, I have a very busy display with tabs, panels, a Google map, etc. and I do have a lot of features enabled in the Grid: (8 columns):

$("#gridWidget").kendoGrid({
    selectable:"multiple, row",
    groupable:true,
    autoBind:false,
    scrollable:true,
    reorderable:true,
    virtual: true,
    resizable:true,
    sortable:true,
    pageable:true,
    dataSource:searchData,
    columns:[


Dr.YSG
Top achievements
Rank 2
 answered on 26 Jun 2012
0 answers
149 views
After submitting form We are getting dropdown is undefined with an error datasource object is “null” or “not an object”

We are using dropdown component as below code

Examples:

var dropdown = $("#cboxLoadedContent #connection_mode").data("kendoDropDownList");

dropdown.dataSource.data([{text:'Connection Mode',value:'0'},{text:'Local Files',value:'localfiles'}]);

This is happened only on internet explorer 8 with compatibility view mode on/lower version of internet explorer browser.
It working properly with mozila 9 and Internet explorer 8.

Thanks in advaced.
Please reply me as soon as possible.
Prashant
Top achievements
Rank 1
 asked on 26 Jun 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
DropDownTree
ListBox
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
LLM Kit
+? 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?