or
1 answer
188 views
I just noticed that the MVC 4 project in VS 2012 includes JQuery 1.7.1
If you include this version instead of the included /Scripts/kendo/2013.1.514/jquery.min.js then the date picker does not function properly if you page through the years.
remove reference to Scripts/kendo/2013.1.514/jquery.min.js
include reference to Scripts/jquery-1.7.1.min.js
add this to an MVC 4 site View
<div id="dataBind">
@(Html.Kendo().DatePicker().Name("dob").HtmlAttributes(new { data_bind="value: DateOfBirth"}))
</div>
<script>
var Model;
$(document).ready(function(){
Model = kendo.observable({
DateOfBirth: false
});
kendo.bind($("#dataBind"), Model);
});
</script>
Navigate to the page and select the DatePicker calendar
Select the Month Year section
The Months page does not show the months. Various navigation results in various effects to the Calendar DropDown view.
I guess my question is what is the version of JQuery supported by Kendo?
If you include this version instead of the included /Scripts/kendo/2013.1.514/jquery.min.js then the date picker does not function properly if you page through the years.
remove reference to Scripts/kendo/2013.1.514/jquery.min.js
include reference to Scripts/jquery-1.7.1.min.js
add this to an MVC 4 site View
<div id="dataBind">
@(Html.Kendo().DatePicker().Name("dob").HtmlAttributes(new { data_bind="value: DateOfBirth"}))
</div>
<script>
var Model;
$(document).ready(function(){
Model = kendo.observable({
DateOfBirth: false
});
kendo.bind($("#dataBind"), Model);
});
</script>
Navigate to the page and select the DatePicker calendar
Select the Month Year section
The Months page does not show the months. Various navigation results in various effects to the Calendar DropDown view.
I guess my question is what is the version of JQuery supported by Kendo?
Alex Gyoshev
Telerik team
answered
on
22 May 2013
1 answer
556 views
I am tring to synco a streets combo which is cascaded with a citys combo with it's value in the model.
I am tring to use the fallowing js lines:
var combobox = $("#MyStreetsCombo").data("kendoComboBox);
var dataItem = combox.dataSource.get(combobox.value());
combo.select(dataItem);
var dataItem is always undefined.
I have seen this post http://www.kendoui.com/forums/ui/dropdownlist/why-doesn-t-mydropdowncontrolid-data-kendodropdownlist-datasource-get-1-work.aspx
but I do not understand how to pass the jsonobject DataSourceSchema to set the id of the model in the rasor syntax.
@(Html.Kendo().ComboBox()
.Name("StreetsCombo")
.DataTextField("Text")
.DataValueField("Value")
.DataSource(source => {
source.Read(read =>
{
readAction("Action" , "Controller")
.Data("filterFunction");
})
.ServerFiltering(true)
.DataSourceSchema( new {model ..... id = 'Value'}).???;
)
Ariel
I am tring to use the fallowing js lines:
var combobox = $("#MyStreetsCombo").data("kendoComboBox);
var dataItem = combox.dataSource.get(combobox.value());
combo.select(dataItem);
var dataItem is always undefined.
I have seen this post http://www.kendoui.com/forums/ui/dropdownlist/why-doesn-t-mydropdowncontrolid-data-kendodropdownlist-datasource-get-1-work.aspx
but I do not understand how to pass the jsonobject DataSourceSchema to set the id of the model in the rasor syntax.
@(Html.Kendo().ComboBox()
.Name("StreetsCombo")
.DataTextField("Text")
.DataValueField("Value")
.DataSource(source => {
source.Read(read =>
{
readAction("Action" , "Controller")
.Data("filterFunction");
})
.ServerFiltering(true)
.DataSourceSchema( new {model ..... id = 'Value'}).???;
)
Ariel
Georgi Krustev
Telerik team
answered
on
22 May 2013
1 answer
126 views
The AJAX grid is capable of displaying an always visible filter row in the header (see http://demos.telerik.com/aspnet-ajax/grid/examples/programming/filteringtemplatecolumns/defaultcs.aspx for an example).
Is there any setting that would make the MVC grid behave the same (rather than the drop-downs in the header)?
Is there any setting that would make the MVC grid behave the same (rather than the drop-downs in the header)?
Piyush Bhatt
Top achievements
Rank 2
Rank 2
answered
on
21 May 2013
7 answers
328 views
I just opened VS2012, created a new Kendo UI MVC Project, followed the wizard steps and was slapped with this (see image at Screen Shot - also attached file). It appears I am missing a ton of jQuery, Modenizr, OAuth, knockout.js, razor packages and more. Is this normal? Do I need to track down each of these packages? Once I do, will they be available for the next new project I create?
TIA
Keith
TIA
Keith
dsterk
Top achievements
Rank 1
Rank 1
answered
on
21 May 2013
1 answer
163 views
Hello,
Is there a way to get the generated query from the Kendo UI Grid? I would like to get this query that has anything the user selected such as sorting, grouping, filtering, ordering, etc.
What I'm trying to do is have a business layer do validation first to see if the query can be performed. Then if it passes with the search criteria let the query that was generated by the grid perform the search.
I'm using Entity framework so it would be nice if there is a way to get the query or linq generated without trying to scrape the DataSourceRequest object.
Thank you,
Daniel
Is there a way to get the generated query from the Kendo UI Grid? I would like to get this query that has anything the user selected such as sorting, grouping, filtering, ordering, etc.
What I'm trying to do is have a business layer do validation first to see if the query can be performed. Then if it passes with the search criteria let the query that was generated by the grid perform the search.
I'm using Entity framework so it would be nice if there is a way to get the query or linq generated without trying to scrape the DataSourceRequest object.
Thank you,
Daniel
Vladimir Iliev
Telerik team
answered
on
21 May 2013
6 answers
855 views
Hi,
I have a scenario, where I have two drop-downs that I want to cascade. This is working to an extent, but when I want to expand the functionality to bind intially to a model list, then select a value on page load, I can't think of a way to make this happen.
These are the two drop-downs:
And
I have a scenario, where I have two drop-downs that I want to cascade. This is working to an extent, but when I want to expand the functionality to bind intially to a model list, then select a value on page load, I can't think of a way to make this happen.
These are the two drop-downs:
Html.Kendo().DropDownListFor(c => c.SelectedGroup) .BindTo(Model.Groups) .Value(Model.SelectedGroup.Value.ToString()) .HtmlAttributes(new { style = "width: 250px" }) .Render();@(Html.Kendo().DropDownListFor(t => t.AuthorisedByExtraID).DataTextField("Name").DataValueField("ExtraUserID").DataSource(source =>source.Read(read => read.Action("SearchAutocompleteEmployees", "Search").Data("onAutoCompleteAdditional").Type(HttpVerbs.Post)).ServerFiltering(true)).HtmlAttributes(new { style = "width: 250px" }).Enable(false).AutoBind(true).BindTo(Model.GroupEmployees).Value(Model.AuthorisedByExtraID.HasValue ? Model.AuthorisedByExtraID.Value.ToString() : "0").CascadeFrom("SelectedGroup"))
How can I enable the second drop-down to bind to Model.AuthorisedByExtraID when it exists, then when group changes, to load the contents via ajax? Thanks, Gabor
Andrii
Top achievements
Rank 1
Rank 1
answered
on
21 May 2013
1 answer
127 views
We have a standard Kendo UI for ASP.Net project that was upgraded to 2013.1.514. After the upgrade, the DropDownList objects now display a text "sel" under the down arrow when run under IE 8. Under Chrome, no problem. Using Visual Studio 2010.
Screenshot enclosed as well as sample project.
Screenshot enclosed as well as sample project.
Dimo
Telerik team
answered
on
21 May 2013
1 answer
168 views
Hi,
Currently I have a treeview control and a grid control.
I added a onSelect javascript, when treeview is selected, the grid control will be re-bind.
but I don't know how to pass the parameter to Grid control.
function onSelect(e)
{
var grid = $("#Grid").data("kendoGrid");
grid.dataSource.read()
}
.Read(read => read.Action("GetGridData","Home"))
public ActionResult GetGridData(string treeviewItem, [DataSourceRequest]DataSourceRequest request)
{
}
Can you advise how should I pass the parameter to Grid so the grid can call to controller to return data?
Currently I have a treeview control and a grid control.
I added a onSelect javascript, when treeview is selected, the grid control will be re-bind.
but I don't know how to pass the parameter to Grid control.
function onSelect(e)
{
var grid = $("#Grid").data("kendoGrid");
grid.dataSource.read()
}
.Read(read => read.Action("GetGridData","Home"))
public ActionResult GetGridData(string treeviewItem, [DataSourceRequest]DataSourceRequest request)
{
}
Can you advise how should I pass the parameter to Grid so the grid can call to controller to return data?
Dimiter Madjarov
Telerik team
answered
on
20 May 2013
2 answers
172 views
I have a site that is http but the lock only shows on pages where I am not using kendo controls. This happens in IE9 and IE10, not sure about previous verisons of IE. Images attached showing my url is https and the lock is not showing. Any ideas?
Jillian
Top achievements
Rank 1
Rank 1
answered
on
20 May 2013
5 answers
630 views
Hi,
I have a simple grid with Quantity, Unit Price and Total columns and a few others. The grid is set as GridEditMode.InLine. When I click on the Edit button of a row I can change the Quantity value. Once changed, when I click on the Update button I'd like the Total column to reflect the changes: Total = Qty * UPrice.
Here's the grid:
I tried to update the ModelState but the display doesn't change.
Thanks for your help.
I have a simple grid with Quantity, Unit Price and Total columns and a few others. The grid is set as GridEditMode.InLine. When I click on the Edit button of a row I can change the Quantity value. Once changed, when I click on the Update button I'd like the Total column to reflect the changes: Total = Qty * UPrice.
Here's the grid:
@(Html.Kendo().Grid(Model.Products) .Name("FabricGrid") .Columns(columns => { columns.Bound(p => p.Fabric); columns.Bound(p => p.Pattern); columns.Bound(p => p.Description); columns.Bound(p => p.UPrice); columns.Bound(p => p.Qty).Width(150); columns.Bound(p => p.Total); columns.Command(command => command.Edit()).Width(110); columns.Command(command => command.Destroy()).Width(110); }) .Scrollable() .Sortable() .Editable(editable => editable.Mode(GridEditMode.InLine)) .DataSource(dataSource => dataSource .Ajax() .ServerOperation(false) .Model(model => model.Id(p => p.ProductId))
.Events(events => events.Error("error_handler")) .Update(update => update.Action("Product_Update", "ShoppingCart")) .Destroy(destroy => destroy.Action("Product_Delete", "ShoppingCart")) )) I tried to update the ModelState but the display doesn't change.
Thanks for your help.
