or
1 answer
207 views
Hi!
Given this code:
var rightpane = $("#rightPane").data("kendoMobilePane");
rightpane.navigate("#start", "fade");
How do I disable transition? Because default is slide:left yes? I want no transition.
In this post:
http://www.kendoui.com/forums/mobile/application/cosmetic-scrolling-problem-during-view-transitions-ios.aspx#Ou2dAxlhfUuErfuR-LvfcQ
Petyo writes "If this is a critical issue for your application, you may consider disabling the transition for the view in question"
How is it done? Thank you
Given this code:
var rightpane = $("#rightPane").data("kendoMobilePane");
rightpane.navigate("#start", "fade");
How do I disable transition? Because default is slide:left yes? I want no transition.
In this post:
http://www.kendoui.com/forums/mobile/application/cosmetic-scrolling-problem-during-view-transitions-ios.aspx#Ou2dAxlhfUuErfuR-LvfcQ
Petyo writes "If this is a critical issue for your application, you may consider disabling the transition for the view in question"
How is it done? Thank you
Alexander Valchev
Telerik team
answered
on
18 Mar 2013
3 answers
586 views
Coming from a jQuery Mobile world when you altered a listview you had to refresh the listview to get things to work. Is there anything I have to do to get dynamically created checkboxes to become selectable? The checkboxes demo works fine but when I try and generate them dynamically they won't allow selected/checked. Below is the sample template I'm trying to use which is simple enough. Thanks for your help.
<script id="position-template" type="text/x-kendo-template">
<li>
<label>
<input type="checkbox" value="#= Id #" />
#= Title #
</label>
</li>
</script>
<script id="position-template" type="text/x-kendo-template">
<li>
<label>
<input type="checkbox" value="#= Id #" />
#= Title #
</label>
</li>
</script>
Martin
Top achievements
Rank 1
Rank 1
answered
on
18 Mar 2013
7 answers
826 views
I have an issue with my web page that contains Kendo UI grid. In this web page, I have a top portion that uses Knockout. The bottom part of the page is a Kendo UI Grid which is from another partial page (RenderPartial)
It happens at this knockout function
...
<fieldset >
<div >
<span id="MyId" class="uneditable-input koeditable" data-bind="text: Name"></span>
</div>
</fieldset>
<section>
@{ Html.RenderPartial("DetailEntries", new ViewDataDictionary {{ "Id", @ViewBag.Id } });}
</section>
DetailEntries is the partial page which is a Kendo ui grid with Filterable() option.
I got an error when rendering this page.
It happens at this knockout function
// The following function is only used internally by this default provider.
// It's not part of the interface definition for a general binding provider.
'parseBindingsString': function(bindingsString, bindingContext) {
try {
var viewModel = bindingContext['$data'];
var rewrittenBindings = " { " + ko.jsonExpressionRewriting.insertPropertyAccessorsIntoJson(bindingsString) + " } ";
return ko.utils.evalWithinScope(rewrittenBindings, viewModel === null ? window : viewModel, bindingContext);
} catch (ex) {
throw new Error("Unable to parse bindings.\nMessage: " + ex + ";\nBindings value: " + bindingsString);
}
}
Error:
Uncaught Error: Unable to parse bindings.
Message: ReferenceError: filters is not defined;
Bindings value: value: filters[0].operator
bindingsString : "value: filters[0].operator"
bindingContext: ko.bindingContext which contains the ViewModel for my top portion.
If I remove the filterable option from the Kendo UI grid, the page renders without error.
Please help.
Alex
Erik Stadler
Top achievements
Rank 1
Rank 1
answered
on
18 Mar 2013
1 answer
28 views
My form looks like this:
datepicker
autocomplete1
autocomplete2
dropdownlist1
dropdownlist2
textbox1
textbox2
I can tab thru all the controls on a PC, it works perfectly. However on my iPad, using the previous/next buttons, it skipps the two dropdownlist. It will go directly from the second autocomplete to the first textbox or the other way around if I'm going backwards. The dropdownlist are never selected. Is this because you can't type in a dropdownlist? I guess it would make sense because on the iPad there isn't really anything you can do from the keyboard with a dropdownlist, you have to touch it. If that's the case it's fine I just want to make sure.
datepicker
autocomplete1
autocomplete2
dropdownlist1
dropdownlist2
textbox1
textbox2
I can tab thru all the controls on a PC, it works perfectly. However on my iPad, using the previous/next buttons, it skipps the two dropdownlist. It will go directly from the second autocomplete to the first textbox or the other way around if I'm going backwards. The dropdownlist are never selected. Is this because you can't type in a dropdownlist? I guess it would make sense because on the iPad there isn't really anything you can do from the keyboard with a dropdownlist, you have to touch it. If that's the case it's fine I just want to make sure.
Georgi Krustev
Telerik team
answered
on
18 Mar 2013
1 answer
359 views
I have:
1. Grid with clientbinding and popup editing
2. On popup window I have a ComboBox with client binding
As I guess, ComboBox is connected with Model in grid row. And then I change selection in ComboBox manually, this changes go to Model.
But, if I change ComboBox value with method value(t), Model in grid doesn't change (dirty = false). So, if I click Update Button on popup Window - nothing happened.
I've tried to fire "change" event (...trigger("change")) with value(t), but in doesn't work too.
P.S. Do you speak Russian? )
1. Grid with clientbinding and popup editing
2. On popup window I have a ComboBox with client binding
As I guess, ComboBox is connected with Model in grid row. And then I change selection in ComboBox manually, this changes go to Model.
But, if I change ComboBox value with method value(t), Model in grid doesn't change (dirty = false). So, if I click Update Button on popup Window - nothing happened.
I've tried to fire "change" event (...trigger("change")) with value(t), but in doesn't work too.
P.S. Do you speak Russian? )
Petur Subev
Telerik team
answered
on
18 Mar 2013
1 answer
62 views
Hello All,
I am facing weird designing issue in Grid.
When i click on first column of grid and then continuously press TAB key, so only grid header row can move but detail records of grid doesn't move.
Please see attachment details.
Thanks in an advance.
Eric,
I am facing weird designing issue in Grid.
When i click on first column of grid and then continuously press TAB key, so only grid header row can move but detail records of grid doesn't move.
Please see attachment details.
Thanks in an advance.
Eric,
Petur Subev
Telerik team
answered
on
18 Mar 2013
2 answers
224 views
Hi,
I have implemented NumericTextbox from Kendo-UI-web controls.
Case-1: I just want that when user enters an amount (e.g. 9000) more than allowed max. amount (e.g. 5000), then on lost focus of the input the entered amount (i.e. 9000) is replaced with max. allowed amount (i.e. 5000) by kendo UI. Hence my RangeValidator from Data-annotation doesn't get fired anytime. Our client wants that validation instead of automatic replacement. Please guide us how to achieve this.
Case-2: As the kendo-JS hides the original input and places another to show. This behavior prevents RequiredValidator from data-annotations to get fired at client-side, which is badly required by our client. Please guide us how to achieve this.
Feel free if you find any difficulty to understand above mentioned case studies.
Waiting for quick reply,
Thanks in advance,
PSSPL
I have implemented NumericTextbox from Kendo-UI-web controls.
Case-1: I just want that when user enters an amount (e.g. 9000) more than allowed max. amount (e.g. 5000), then on lost focus of the input the entered amount (i.e. 9000) is replaced with max. allowed amount (i.e. 5000) by kendo UI. Hence my RangeValidator from Data-annotation doesn't get fired anytime. Our client wants that validation instead of automatic replacement. Please guide us how to achieve this.
Case-2: As the kendo-JS hides the original input and places another to show. This behavior prevents RequiredValidator from data-annotations to get fired at client-side, which is badly required by our client. Please guide us how to achieve this.
Feel free if you find any difficulty to understand above mentioned case studies.
Waiting for quick reply,
Thanks in advance,
PSSPL
Songbackerteam
Top achievements
Rank 1
Rank 1
answered
on
18 Mar 2013
1 answer
169 views
I have a grid which I need to refresh after a new record has been added or an existing record is amended.
If I call the setDataSource function the datasource is read and the grid is populated with fresh data. Unfortunately the column sort will then no longer work. It does work on first read of the data.
If I destroy the grid and recreate it the sortable columns continue to work, but then all button click handlers run multiple times, eg. second grid create they run 2x, third grid create 3x etc.
What is the correct way to refresh a grid without either breaking the sortable option or getting multiple registrations of the command handlers?
*** UPDATE ***
When the sort breaks I have found that calling setDataSource again fixes it!?
If I call the setDataSource function the datasource is read and the grid is populated with fresh data. Unfortunately the column sort will then no longer work. It does work on first read of the data.
If I destroy the grid and recreate it the sortable columns continue to work, but then all button click handlers run multiple times, eg. second grid create they run 2x, third grid create 3x etc.
What is the correct way to refresh a grid without either breaking the sortable option or getting multiple registrations of the command handlers?
*** UPDATE ***
When the sort breaks I have found that calling setDataSource again fixes it!?
Here is setDataSource that breaks sortable columns:
$("#dvTargetGrid").data("kendoGrid").setDataSource(wwit.targets.getDataSource());
Here is the grid:
try { $("#dvTargetGrid").data("kendoGrid").destroy(); }
catch (e) { }
$("#dvTargetGrid").empty();
$("#dvTargetGrid").kendoGrid({
columns: [
{ field: "Year", title: "Year", width: 45 },
{ field: "Month", title: "Month", width: 50 },
{ field: "TargetType", title: "Target Type" },
{ field: "MeasurementType", title: "Measure", width: 70 },
{ field: "Target", title: "Target" },
{ field: "TargetItem", title: "TargetItem" },
{ command: {
name: "EditT", text: "Edit",
click: wwit.targets.editTarget,
imageClass: "k-edit",
className: "k-grid-edit",
iconClass: "k-icon"
}, width: 85
},
{ command: {
name: "DeleteT", text: "Delete",
click: wwit.targets.deleteTarget,
imageClass: "k-delete",
className: "k-grid-delete",
iconClass: "k-icon"
}, width: 90
}],
sortable: true
});
Rosen
Telerik team
answered
on
18 Mar 2013
2 answers
80 views
Hello all,
I have updated our application to use Kendo version 2013.1.226 beta that you released. It seems that the new update has broken the Grid BatchEditing feature. In particular, when I click on "Save Changes" button I get the following error:
GET http://localhost:5818/Settings/Editing_Update?models%5B0%5D%5BId%5D=f452ada…e%5D=Sir+de+test+trtrtrrtrtrtrt3434343434&models%5B0%5D%5BDecimalValue%5D= 404 (Not Found)
Both grid and server side setup are made:
Cshtml page
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Model(model => { model.Id(s => s.Id); model.Field(s => s.Name).Editable(false); })
.Read("Editing_Read", "Settings", new { type = MF.Model.SettingType.Decimal })
.Update("Editing_Update", "Settings")
.Create("Editing_Create", "Settings")
)
Controller code:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Editing_Update([DataSourceRequest] DataSourceRequest request, [Bind(Prefix ="models")]IEnumerable<Entity> settings)
{
//code
}
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Editing_Create([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<Entity> products)
{
//code
}
The above code used to work before making the upgrade to Kendo version 2013.1.226 beta.
Can you please check this behavior.
Thank you in advance!
Best regards,
Razvan
I have updated our application to use Kendo version 2013.1.226 beta that you released. It seems that the new update has broken the Grid BatchEditing feature. In particular, when I click on "Save Changes" button I get the following error:
GET http://localhost:5818/Settings/Editing_Update?models%5B0%5D%5BId%5D=f452ada…e%5D=Sir+de+test+trtrtrrtrtrtrt3434343434&models%5B0%5D%5BDecimalValue%5D= 404 (Not Found)
Both grid and server side setup are made:
Cshtml page
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Model(model => { model.Id(s => s.Id); model.Field(s => s.Name).Editable(false); })
.Read("Editing_Read", "Settings", new { type = MF.Model.SettingType.Decimal })
.Update("Editing_Update", "Settings")
.Create("Editing_Create", "Settings")
)
Controller code:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Editing_Update([DataSourceRequest] DataSourceRequest request, [Bind(Prefix ="models")]IEnumerable<Entity> settings)
{
//code
}
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Editing_Create([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<Entity> products)
{
//code
}
The above code used to work before making the upgrade to Kendo version 2013.1.226 beta.
Can you please check this behavior.
Thank you in advance!
Best regards,
Razvan
4 answers
526 views
Is there any easy way to get the value of the items per page drop down that shows at the bottom of the grid whenever it changes? I'd like to store the changed value in localStorage so the user doesn't have to re-pick the value every time they load the page.
