Telerik Forums
Kendo UI for jQuery Forum
1 answer
95 views
Hi,
    When using the ActionSheet and kendo mobile 2013.2.918 the actionsheet does not resize it's self all the time. If I start in portrait mode and show the actionsheet it shows fine, then rotate to landscape and the actionsheet follows and show fine expand to the full width of screen, If I then rotate back to portrait  and cancel the actionsheet. Then rotate the device to landscape and open the actionsheet it shows centered rather full width of screen and if I then rotate back to portrait then it shows to the left and the modal mask does not cover the screen. I can replicate even when using the latest internal build 2013.2.1021.

I'm using this on iPhone and with Icenium and if you use the simulator it's even worse.

Is there a solution to this?

Thanks
Kiril Nikolov
Telerik team
 answered on 24 Oct 2013
1 answer
723 views
I am having trouble unbindng unbinding an existing view model and rebinding a new view model. The scenario I am using is that the original page comes down from the server and the view model data is bound to the html elements using kendo.bind. Later an action is triggered which converts the viewmodel to a javascript object and sends it to the server as a json request. The server does its work and sends the view model back down at which point I call kendo.observable on the returned object and attempt to rebind it to the existing ui.

Currently I am calling kendo.unbind(viewDiv) then kendo.bind(viewDiv, viewModel) but nothing appears to happen. Is there something I am missing.
Kiril Nikolov
Telerik team
 answered on 24 Oct 2013
1 answer
552 views
Is the default behavior for the grid to remove row before firing the remove event?  If so is there a beforeRemove event I can use?

I'm trying to implement my own confirm, for deleting.  I have seen some of the other examples on here but I would prefer to write as little
custom code as possible since there will be a lot of grids in my project that will all use this functionality.

so far I have this
 $kendoGrid.bind("remove", gridRemoveRow);

 var gridRemoveRow = function (e) {
                e.preventDefault();
                app.showMessage("Are you sure you want to delete this row?", "Delete Row", ["Yes", "No"]).then(function (result) {
                    if (result == "Yes") {
                        $kendoGrid.dataSource.remove(e.model)
                        $kendoGrid.dataSource.sync()
                    }
                    else
                        $kendoGrid.cancelChanges();
                });
            };

This code works, but the behavior of removing the row before it gets to gridRemoveRow  could cause some confusion for the user with thinking they clicked the wrong row or that the delete already happened.
Kiril Nikolov
Telerik team
 answered on 24 Oct 2013
1 answer
217 views
Hello There,

We are using Kendo UI Mobile Scrollview for switching pages by swiping left or right. The only problem is that, the "vertical scrollbar" remains on the same position when a page is switched. We want to reset the vertical scrollbar to top when a new page is switched. We have tried using "$("#scrollSection").data("kendoMobileScrollView").refresh()", but it doesn,t work.  

It would help us huge, if there is any workaround for this issue.

Regards.
Petyo
Telerik team
 answered on 24 Oct 2013
1 answer
297 views
Hi,

As a part of client requirement our team needs to use Kendo Calendar while highlighting few dates. Further user should not be able to navigate to any other month/year (which is done through min/max). Moreover, when user clicks on the header part (link displaying the month info e.g. October 2013)  a different view gets displayed. We are trying to disable (still display) this header link at top but to no avail (refer screenshot attached).

Can you guide how can this be achieved?

Thanks,
Prasad
Dimiter Madjarov
Telerik team
 answered on 24 Oct 2013
1 answer
72 views
Using the following code...

<input id="${Statistic.Name}-size"
    type="number"
    value="30"
    class="dark"
    style="width: 100px; float: left;"
    data-bind="value: Measurement"
    data-role="numerictextbox"
    data-decimals="5"
    data-step="0.001" />
<h1 data-bind="text: Statistic.Name"></h1>
The numeric text box is formatted exactly how I want, but if I type in "0.005", then I click somewhere else, the text box changes to "0.01".

However if I click on it again, it changes back to 0.005, and then back to 0.01 when I click elsewhere.
Georgi Krustev
Telerik team
 answered on 24 Oct 2013
4 answers
509 views
I'm not using data binding in my app, but want to be able to know when a user taps on an item in the listview and have it call a function.

Is this possible?  If it isn't, I'm willing to do unnatural things to make it possible.  Where should I look in the code?

Sure, I could just use jquery to add an event but that doesn't work well with the special "tap" and "tap-end" events you have in there.  So, to be more specific I want to be able to know when a user tapped using your built in Touch event support so that I don't have to wait 300ms for the click event to fire off.

thanks,

-Bruce 
Bruce
Top achievements
Rank 1
 answered on 24 Oct 2013
9 answers
1.1K+ views
Hello,
I create a new record when the button "Add new Record" is clicked, it creates a new record but I then need the focus to be on the second column. My first coulmn as the checkboxes and the next column is UPC.. so when the new row is created in a  grid the focus should be on the second column of the grid.

Here is my code:

<table>
<tr class="spaceUnder">
<td> <button id="idAddComplexRecord" onclick="CustomAddButtonComplexRecord(this)" class="ui-submit k-button" style="height:23px; width:150px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; align-content: center">
<img src="Images/add15-1.png" style="height:10px; padding-top:0px;" title="Add a new Record" alt="Add a new Record"/>&nbsp; Add New Record
</button>
<button id="idDeleteComplexItems" onclick="CustomDeleteButtonComplex(this)" class="ui-submit k-button" style="height:23px; width:75px; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:0px; align-content: center">
<img src="Images/delete15.png" style="height:10px; padding-top:0px;" title="Delete Item" alt="Delete Item"/>&nbsp; Delete
</button></td>
</tr>
</table>
<div >
@(Html.Kendo().Grid<SurveyMaintenance.Models.SurveyComplexItemDetail>()
.Name("idComplexGridSurveyItems")
.HtmlAttributes(new { ID = "idComplexGridSurveyItems", Class = "k-grid-header" })
.Columns(columns =>
{
columns.Bound(p => p.ItemSelected).ClientTemplate("<input type='checkbox' class='chksvycomplexitem' #= (ItemSelected === true) ? checked='checked' : '' # onclick='SurveyComplexFunctions.toggleComplexItemSelection(this)' />")
.HeaderTemplate("<input type=\"checkbox\" id=\"toggleAllComplexItems\"/>").Width(40);
columns.Bound(p => p.UPC).Width(100);
columns.Bound(p => p.Brand).Width(100);
columns.Bound(p => p.ShelfTagDesc).Width(100);
columns.Bound(p => p.CasePack).Width(60);
columns.Bound(p => p.UnitSize).Width(60);
columns.Bound(p => p.ComplexDetailID).Title("").ClientTemplate("<input id='Find' type='button' name='Find' style='display:inline; width:100px; border-style: inset; padding:0; height:100%;' value='Find UPC'; onclick='FindComplexUPCItem()' /> ").Width(100);

})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Scrollable()
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.ServerOperation(false)
.Events(events => events.Error("grid_error_handler"))
.Read(
read => read.Action("GetSurveyItems", "Survey").Data("SurveyComplexFunctions.additionalData")

)
.Model(model =>
{
model.Id(p => p.ComplexDetailID);
model.Field(p => p.ComplexDetailID).Editable(false);
})
 
)
)
</div>

function CustomAddButtonComplexRecord(e) {
var complexGrid = $('#idComplexGridSurveyItems').data('kendoGrid');
var dataSource = complexGrid.dataSource;
dataSource.insert({ ItemSelected: false, UPC: '', Brand: '', ShelfTagDesc: '', CasePack: '' , UnitSize: '', ComplexDetailID: 0});


}
Traci
Top achievements
Rank 1
 answered on 23 Oct 2013
3 answers
109 views
Hi,

i tried to create one of your examples standalone. But I get this error:

In the script on this page an error occurred.

Row: 3
Character: 23238
Error: Member not found
Code: 0
URK: file://linnup/windemo/data/jquery.min.js

What could be the problem?  Thanks
Best Regards
Rebe
Andrea
Top achievements
Rank 1
 answered on 23 Oct 2013
1 answer
113 views
Hello,

I am using the Autocomplete control with a text input. Users can enter characters in two ways, either directly type it in or use an on screen keyboard and click on keys to inserts characters in the text input control (multi-language keyboards). When I type the characters directly in the textbox the autocomplete works fine and displays the list of characters. 

In the on screen keyboard mode, I trigger both Keypress and Keydown events for the input control by clicking on each key on keyboard picture and pass the characters through those events. As a result the characters appear correctly and I even can see that autocomplete is triggered and queries the server and obtains a list of words but the list never shows up and there is no dropdown.

Here is the function I use to insert characters by passing character code:
function addcharto(code) {
    var control = $('#SearchWord');
    var ed = $.Event("keydown");
    var ep = $.Event("keypress");
    ed.which = code;
    ep.which = code;
    control.trigger(ed);
    control.trigger(ep);
}
I used both events to make sure I am covering every possibilities.
Could you let how can I force the autocomplete to display the list of choices that it is obtained?

Thanks
Ron
Kiril Nikolov
Telerik team
 answered on 23 Oct 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?