Telerik Forums
Kendo UI for jQuery Forum
1 answer
120 views
Issue facing while using data-bind option in Kendo UI and find below the issues,

1. Not able to do the data binding, for example :  looking for question & answer mapping using the Kendo UI and to populate in model.
2. Is there any possibility of dynamic generate for parent and child list of question using KendoUI & map answers for the corresponding questions.

I have tried using the kendo grid for the Q & A form.

Snippet
 @(Html.Kendo().Grid<Contact>()
                                .Name("Grid1")
                                  .Columns(columns =>
                                {
                                 
                                    columns.Bound(c => c.question).Title("quest").Width("8%").HtmlAttributes(new { @class = "ob-left" }).ClientTemplate("<input id='questionid' value='questionid'  style='width: 80px;'>");
                                    columns.Bound(c => c.answer).Title("answer").Width("13%").HtmlAttributes(new { @class = "ob-left" }).ClientTemplate("<input value='' "class='' style='width: 140px;'>");
                               
                                }
                                )
                                .Events(ev => ev.DataBound("onDataBound"))
                                .Sortable()
                                .Editable(editable => editable.Mode(GridEditMode.InCell))
                                .DataSource(dataSource => dataSource
                                    .Ajax()                                  
                                    .Batch(false)
                                    .ServerOperation(true)
                                    .Read(read => read.Action("GetAllQues", "Ques"))                                   
                               )

Pls do the needful.
Alexander Popov
Telerik team
 answered on 07 May 2014
1 answer
104 views
Hi,

I have a simple view:
@model RC.RMT.Data.ViewModels.MessageViewModel
@using Kendo.Mvc.UI
@using (Html.BeginForm("_CreateMessage", "Message", FormMethod.Post, new { id = "_CreateMessage" }))
{
<fieldset>
<div class="editor-field">
@(Html.Kendo().EditorFor(item => item.Body).Encode(false))
@Html.ValidationMessageFor(item => item.Body)
</div>
</fieldset>

and a simple model:
[DataType(DataType.Html)]
 [AllowHtml]
public string Body{ get; set; }

the editor displays fine but it is readonly.

Please Help

kwilson@peakrc.com
Alexander Popov
Telerik team
 answered on 07 May 2014
1 answer
153 views
Hi, 

I would like to ask about multiple sortable features in Sortable Component. 
I need sortable more than one item at one time between 2 list. 

I can use "filter" for specify sortable elements. But at this case a can only added them only to end of another list.

$('.draggable-wrap').kendoSortable({
        filter: "li",
        cursor: "move",
        placeholder: placeholder,
        hint: hint,
        start : function(e) {
        },
        end: function(e) {           
 
        },
        connectWith: $(".draggable-wrap")           
});

Can you show me right way to resolve my problem?
May be from Sortable component I can't decide my task and I need to us Draggable component? 

Alexander Valchev
Telerik team
 answered on 07 May 2014
5 answers
182 views
Kendo ui upload display incorrectly in IE 7 and IE 8. There is no select title in the button and it is only empty button. Please advise
Dimo
Telerik team
 answered on 07 May 2014
1 answer
95 views
I was trying out listview Editing example(http://demos.telerik.com/kendo-ui/mobile/listview/editing.html) in Kendo UI Dojo but transition to previous view was not working on click of "Done" button. (Attached is a screenshot).
I tried the same code in an android phone by making a phonegap package and the result was same.
Can you please tell how to navigate to previous view after datasource.sync() command?
Petyo
Telerik team
 answered on 07 May 2014
4 answers
373 views
I found a bug in KendoUI Web 2014.1.318 and above + jQuery 1.9 and above + latest Chrome: Follow this step.
1. In an empty HTML (HTML1) page, use AJAX call to load another HTML Page (HTML2).
2. In HTML2 page, load a Kendo Grid that will load a datasource. The script in HTML2 page will run but no datasource display and there is an error "Uncaught TypeError, Undefined is not a function".
If you run HTML2 page directly, no problem. I think this is Kendo UI Grid bug.
Unfortunately, even Kendo have fix the bug, the open source community won't get the latest bug fix anymore. :(
Attached a test program for debugging purpose. Run it in Chrome and you will see the problem but run it in IE or FF have no problem. No problem also if using jQuery 1.8.3 and below or run KendoUI Web 2013 version.
Song Chow
Top achievements
Rank 1
 answered on 07 May 2014
3 answers
1.8K+ views
Is it possible with the Grid to create a custom summary in a group header.  I basically want to be able to group by a particular field and then contain some summary information based on other totals for the group.

Please see the exact behaviour I would like in a DevExpress grid
http://demos.devexpress.com/ASPxgridviewDemos/Summary/Group.aspx
Petur Subev
Telerik team
 answered on 07 May 2014
2 answers
114 views
Hi,

I have a requirement in data grid with a custom dropdown editor, while changing the dropdown value, "id" for the changed value in the kendo grid data source is not getting updated with the corresponding newly changed dropdown option chosen . And after changing it, the cell value in the grid is showing "id" not the "text" of the custom dropdown editor.

Please find the code snippet in the jsfiddle : http://jsfiddle.net/khNsE/40/

Thanks
Arun
Top achievements
Rank 1
 answered on 06 May 2014
7 answers
264 views
I'm setting up the following scrollview. I'm not adding any html data element as in the docs in order to be able to use the kendo template where useWithBlock is set to false for perfs:

var friendsList = response.results;
                var friendsToInvite = [];
 
                var template = kendo.template( $( '#friendsToInvite-template' ).html(), {useWithBlock:false} );
 
                for ( var i = 0; i < friendsList.length; i++ )
                {
                    friendsToInvite.push( { name: friendsList[i]["name"], fbId: friendsList[i]["fbid"], invited: friendsList[i]["invited"], eventId: event.id } );
                };
 
 
                var scrollview = $("#scrollview").data("kendoMobileScrollView");
                if ( typeof listView === typeof undefined )
                {
                    $("#friendsToInvite").kendoMobileScrollView({
                        template : template,
                        dataSource: friendsToInvite,
                        enablePager: false
                    });
                }else
                {
                    $("#scrollview").data("kendoMobileScrollView").setDataSource(friendsToInvite);
                };

When going to the page the first time, i can see the scroller but it doesn't work: I cannot swipe from a page to another.
Then when I'm trying to rebind the data (because the template is used with different data) I can't see any changes.

Please advice,

Many Thanks
Petyo
Telerik team
 answered on 06 May 2014
9 answers
303 views
Hello,

I am trying to append some results pulled from my own endless scroll functionality (couldn't have the official endless scroll working the way I wanted, by basically calling my own js function, if this is doable I would be curious to know how).

I retrieve the results and sort it with js but I can't append it to my pre existing listview.

In the first function, I initialize the list view doing so:
$("#list-container").kendoMobileListView({
                    template : template,
                    dataSource: kendo.data.DataSource.create( { data:results, group:"start" } ),
                    fixedHeaders: false
                });

Then, when I retrieve some more results with the exact same structure, I'm trying to do this:

var template = Handlebars.compile( $( '#eventListTemplate' ).html() );
 
            //Append the new results
 
            var newDataSource = new kendo.data.DataSource( { data:results, group:"start" } );
            // console.log( newDataSource.data()[0] );
            $("#list-container").data("kendoMobileListView").append([ newDataSource.data() ]);

just like in the documentation ( http://docs.telerik.com/kendo-ui/api/mobile/listview#methods-append ) I'm trying to append [ newDataSource.data()[0] ] but I've tried to append results directly or other kendo Data without any luck unfortunately.

Could you give me a hand on this matter please ?

Here is the results data structure:
results: [{id:1242, name:Redwoods & Wine Country Escape Tour, type:Music,…},…]
0: {id:1242, name:Redwoods & Wine Country Escape Tour, type:Music,…}
1: {id:1177, name:Peter Cincotti, type:Music,…}
2: {id:1183, name:Combichrist, type:Music,…}
3: {id:1179, name:The Suit, type:Music,…}
4: {id:1184, name:Matt Andersen, type:Music,…}
5: {id:1174, name:San Francisco Symphony: Tchaikovsky's Pathetique, type:Music,…}
6: {id:1182, name:Joel Gion & The Primary Colours (Brian Jonestown Massacre), type:Music,…}
7: {id:1175, name:Shlohmo, type:Music,…}
8: {id:1185, name:Jim Jones Revue, type:Music,…}
9: {id:1241, name:North Beach Food, type:Music,…}
10: {id:1180, name:Les Nubians @ 8pm, type:Music,…}
11: {id:1181, name:Les Nubians @ 10pm, type:Music,…}
12: {id:1186, name:Juana Molina, type:Music,…}
13: {id:1187, name:Sweet Thunder: Jack Quartet, type:Music,…}
14: {id:1178, name:The String Cheese Incident, type:Music,…}
15: {id:1189, name:David Gray, type:Music,…}
16: {id:1240, name:Big Bang Gala, type:Music,…}

Many Thanks

Petyo
Telerik team
 answered on 06 May 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
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
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?