Telerik Forums
Kendo UI for jQuery Forum
3 answers
237 views
Hi,
I have just started developing a hybrid app and i'm having a problem with dropdownlists on the iOS platform. When the dropdown is selected the options appear at the bottom of screen.
Does anyone have some instructions on how to get the options to appear under the dropdown?

Thanks Chris
Kiril Nikolov
Telerik team
 answered on 27 Feb 2015
1 answer
137 views
Hi,
I have this simple example: http://dojo.telerik.com/@bhaidar/oxAFE/21

I am binding the form to a viewmodel. The Model itself has validation rules. However, they are not being applied. Any reason why?

Thanks
Alexander Valchev
Telerik team
 answered on 27 Feb 2015
6 answers
248 views

I'm putting a couple questuins in this one, as it all has to do with navigation.

1) I would like to navigate through the grid by row, but I don't see a standard way of doing that. Currently when navigation is turned on, it only does so by cell. Am I missing something obvious, or do you have any suggestions?

2) When I navigate up or down a scrollable Grid, the grid does not scroll when I navigate to an element that is completely hidden, nor partially hidden. Is this a bug?
Have you or anyone else already created a workaround or example of adding this behavior to a scrollable grid?
Rajeev
Top achievements
Rank 1
 answered on 27 Feb 2015
4 answers
2.3K+ views
Hi,
I am looking for a way to allow users to enter only characters/spaces for the Name field. How is it possible to tell MaskedTextbox to do so? I tried a sample here:
http://dojo.telerik.com/@bhaidar/itIYI/2

The problem is I have to specify the number of fields. Is there a way to leave that open? User can enter as much characters as he/she wants, however, all are characters.

Best regards
Bilal Haidar
Bilal
Top achievements
Rank 2
 answered on 27 Feb 2015
0 answers
93 views
Using grid in MVC 5 app in a razor view.  The grid will generate a list of items resulting from the datasource request query i have setup.

When user clicks on custom button on a row, it sends message to my controller to edit that row.  The controller then does its business and shows a new razor view which is the edit view for my row's record.  this all works as expected.

What i want to be able to do is this:

once in the Edit view, i want next and prev buttons that will move to the next record - in the list of records that was determined by the results of the previous gridview.  So if gridview is showing 5 rows for record ID's :  2,4,6,8,10, when i click on edit for row 4, it takes me to the edit screen, and the NEXT button will take me to record ID 6, and prev would take me to RecordID 2.

What i have figured out is that i can have a custom command send the current datasource's set of records back to the controller.  this works fine....found that on this post:   http://www.telerik.com/forums/passing-current-datasourcerequest-to-a-custom-command

what i thought i could do is send the datasource request back down to the edit view along with the list of id's in a hidden control.  when user hits prev/next the ids list could be parsed.  If the user hit next and we were at the last item in hidden list, then i could program a request to the database for the next page of items from the datasource and parse those results to know the next set of 5 records to use for prev/next.

getting stuck here - can't seem to pass around the datasource request between controllers and new views easily.

is this idea possible or is there a better way?
Jim
Top achievements
Rank 1
 asked on 27 Feb 2015
2 answers
334 views
I have a custom-command button on my grid which takes some action, and then ought to update a column in the grid, which is a boolean, per the schema. My DataSource is built from a local array.

It seems the .set() method that I use to update the dataItem will cause updates on string columns very nicely, but boolean columns won't bind reliably (the column is not updated with a call to

  myDataItem.set('col', true);


...for example. So I have to do something like 

    $('#grid').data('kendoGrid').refresh();

...to get the grid to update reliably.  

Is this expected behavior?  I've seen posts that refer to .sync(), the autoSync property, and possibly setting a 'save()' function on the grid definition.  But I have't had consistent success with any of these.

Thanks.



Andrew
Top achievements
Rank 1
 answered on 27 Feb 2015
4 answers
266 views
According to the documentation at http://docs.kendoui.com/api/framework/datasource, there is an errors field you can specify in the schema of a datasource, and, if the field is present in the response, the error handler will be called.  This does not work.  In the below example, i have a books.xml document as follows:

<books>
<error>something</error>
<book>
<title>booktitle</title>
</book>
<books>

And the code that uses it is below.  It shows the book in the grid, but i also expect to get an alert.  no alert happens, so something must be broken with this?

$(document).ready(function() {
   $("#grid").kendoGrid({
      dataSource:  new kendo.data.DataSource({
error: function(e) {
   alert(1);
},
transport: {
   read: "books.xml"
},
schema: {
   type: "xml",
   errors: "/books/error",
   data: "/books/book",
   model: {
      fields: {
 title: "title/text()"
      }
   }
}
      })
   });
});
Bilal
Top achievements
Rank 2
 answered on 26 Feb 2015
2 answers
114 views
I have a kendo editor on a page that is initially hidden.  My Page has a non-edit mode and an edit mode.  Text/html is displayed in a div element in non-edit mode, but when the user clicks edit, the form shows the kendo editor, which holds the same text/html.  Both elements' values are loaded at the same time via jquery/javascript.  Here is the editor on the page, notice the edit-form has display = none.
<div id="static-form">
                <div id="divDescription"></div>
</div>
             
<ul id="edit-form" style="display: none;">
                <li>
                    <textarea id="editor" style="height: 100px !important;"></textarea>
                </li>
</ul>


here is where the values are set via script:
$("#editor").data("kendoEditor").value(myItem.Description);  //Error occurs here, if I comment out this line there is no error.
$("#divDescription").html(myItem.Description);

This works in both the latest versions of IE and Chrome, but does NOT in Firefox.  It also works if I take out display: none, but that is not an options as it would ruin the functionality I need.  Anyone have any ideas of a work around or why Firefox isn't working? 



Coty
Top achievements
Rank 1
 answered on 26 Feb 2015
4 answers
101 views
A datasouce returns this data:
[{"i":27,"p":10,"o":"Yes"},{"i":29,"p":0,"o":"No"},{"i":30,"p":10,"o":"Yes"},{"i":31,"p":10,"o":"Yes"},{"i":32,"p":10,"o":"Yes"},{"i":33,"p":10,"o":"Yes"},{"i":35,"p":10,"o":"Yes"},{"i":37,"p":0,"o":"No"},{"i":38,"p":0,"o":"No"}...

http://jsbin.com/tosito/2/edit?js,console,output

I'd like to query and aggregate data in various ways on the client: like "where i = 33 group by o sum p".

Is this possible using datasource methods only?
Or should I be using another framework like underscore.js?

/Morten
Kiril Nikolov
Telerik team
 answered on 26 Feb 2015
17 answers
4.1K+ views
I've a page that has a Kendo grid. The grid has a hyperlink column. On click of hyperlink I show a modal popup that has another kendo grid.

In the second grid (within the popup) I've inline editing enabled.
Two problems:
a.) I have a field defined as editable:false and it still is editable on edit click.
{field:"SettingName", title:"Setting Name", filterable: false, width: 200, editable:false }

b.) MAJOR:: I click "Edit" -> the row becomes editable. And then I hit "Cancel". And the row disappears from the grid!!! This has me confused. What could be happening here? Has anybody else observed it?

Thanks.
Benny
Top achievements
Rank 1
 answered on 26 Feb 2015
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?