or
4 answers
1.2K+ views
According to the documentation, the 'remove' event is called before a row is actually removed from a grid. I would however like to know once a row has been removed from the grid. Is this possible?
I have a hidden input that keeps the ids in a hidden input field, so that nothing gets modified until the user hits submit. I would like a way to update the input once the row has been removed (because the remove event fires BEFORE the row has been removed, I cannot trigger based on it).
Any suggestions?
I have a hidden input that keeps the ids in a hidden input field, so that nothing gets modified until the user hits submit. I would like a way to update the input once the row has been removed (because the remove event fires BEFORE the row has been removed, I cannot trigger based on it).
Any suggestions?
Alexander Valchev
Telerik team
answered
on
09 Oct 2012
3 answers
262 views
Hi,
How can I make kendo donut chart element dynamically explode on mouse hover?
How can I make kendo donut chart element dynamically explode on mouse hover?
1 answer
218 views
hello,
i'am a newbie with kendoui and i like it so i have a problem with the defaultvalue when i add a new record.
i have two listview with new record button, the second depends on the first.
When i select one item on the first listview , i filter the second listview like :
dataSourceEnseigne.filter({ field: "idSociete", operator: "eq", value: selected[0]});
this work fine but when click on the add button i have some problem:
$("#addEnseigne").click(function(e) { listViewEnseigne.add(); e.preventDefault(); });
I don't no how to reset the value defaultvalue dynamically
the symptom is :
if no record displayed ==> add operation fail
if one or more record displayed ==> add operation display edit template with value of the first item displayed (like edit function).
after more tests i see that defaultvalue of field must be set to the filter value for this work fine.
What's the method ?
i try :
var data = dataSource1.view(),
selected = $.map(this.select(), function(item) { return data[$(item).index()].idSociete; }); combosocietes.value(selected[0]);
dataSourceEnseigne.filter({ field: "idSociete", operator: "eq", value: selected[0]}); dataSourceEnseigne.options.schema.model.fields.idSociete.defaultValue=selected[0];(don't work)
listViewEnseigne.dataSource.options.schema.model.fields.idSociete.defaultValue=selected[0]; (don't work)
can anyone help me
Thank's for your reply
Phil
i'am a newbie with kendoui and i like it so i have a problem with the defaultvalue when i add a new record.
i have two listview with new record button, the second depends on the first.
When i select one item on the first listview , i filter the second listview like :
dataSourceEnseigne.filter({ field: "idSociete", operator: "eq", value: selected[0]});
this work fine but when click on the add button i have some problem:
$("#addEnseigne").click(function(e) { listViewEnseigne.add(); e.preventDefault(); });
I don't no how to reset the value defaultvalue dynamically
the symptom is :
if no record displayed ==> add operation fail
if one or more record displayed ==> add operation display edit template with value of the first item displayed (like edit function).
after more tests i see that defaultvalue of field must be set to the filter value for this work fine.
What's the method ?
i try :
var data = dataSource1.view(),
selected = $.map(this.select(), function(item) { return data[$(item).index()].idSociete; }); combosocietes.value(selected[0]);
dataSourceEnseigne.filter({ field: "idSociete", operator: "eq", value: selected[0]}); dataSourceEnseigne.options.schema.model.fields.idSociete.defaultValue=selected[0];(don't work)
listViewEnseigne.dataSource.options.schema.model.fields.idSociete.defaultValue=selected[0]; (don't work)
can anyone help me
Thank's for your reply
Phil
Phil
Top achievements
Rank 1
Rank 1
answered
on
09 Oct 2012
0 answers
118 views
Hi, is it possible to disable individual option(s) in the kendoComboBox, in a similar way that a regular html selector uses:
<option value="" disabled="disabled">Select option:</option>
I'm not looking to disable the entire comboBox, just specific options. Thanks.
<option value="" disabled="disabled">Select option:</option>
I'm not looking to disable the entire comboBox, just specific options. Thanks.
0 answers
107 views
I downloaded and modified the KendoGridWebAPI sample project and modified the grid to have popup editing rather than batch in line.
The api controller (ValuesController) was designed to handle collections for the update and delete operations and so I regenerated a standard api controller against the Product entity to manage updates and deletes for a single Product
The update (PUT) no longer worked complaining of a null "id" parameter ...
public HttpResponseMessage PutProduct(int id, Product product)
After changing the function to ...
public HttpResponseMessage PutProduct(Product product)
and the parameterMap from ...
parameterMap: function (data, operation) {
if (operation != "read") {
return kendo.stringify(data.models);
}
}
to ...
parameterMap: function (data, operation) {
if (operation != "read") {
return kendo.stringify(data.models[0]);
}
}
things began to work as expected.
This doesn't really follow REST protocol but how do you do a standard REST update with the ID on the path?
update: {
url: "api/values/5",
type: "PUT",
contentType: 'application/json;charset=utf-8'
},
and what should the parameterMap look like?
The api controller (ValuesController) was designed to handle collections for the update and delete operations and so I regenerated a standard api controller against the Product entity to manage updates and deletes for a single Product
The update (PUT) no longer worked complaining of a null "id" parameter ...
public HttpResponseMessage PutProduct(int id, Product product)
After changing the function to ...
public HttpResponseMessage PutProduct(Product product)
and the parameterMap from ...
parameterMap: function (data, operation) {
if (operation != "read") {
return kendo.stringify(data.models);
}
}
to ...
parameterMap: function (data, operation) {
if (operation != "read") {
return kendo.stringify(data.models[0]);
}
}
things began to work as expected.
This doesn't really follow REST protocol but how do you do a standard REST update with the ID on the path?
update: {
url: "api/values/5",
type: "PUT",
contentType: 'application/json;charset=utf-8'
},
and what should the parameterMap look like?
2 answers
557 views
Hello,
I am new to Kendo and MVC 3, I want to show the horizontal scroll bar to Kendo Grid, when my columns are binded thru autogenerate. Currently the scroll bar appears at the bottom of the screen for the whole page. but I wont only for the grid. could anyone suggest how to do that ?
Thanks in advance.
Regards,
Ravi.
I am new to Kendo and MVC 3, I want to show the horizontal scroll bar to Kendo Grid, when my columns are binded thru autogenerate. Currently the scroll bar appears at the bottom of the screen for the whole page. but I wont only for the grid. could anyone suggest how to do that ?
Thanks in advance.
Regards,
Ravi.
3 answers
280 views
Hey,
Sorry for another dropdown post that seems so much like the others, but I have spent hours trying to get this to work and for some reason it won't. All I am trying to do is have a dropdown for State and City. On open the State list will be retrieved. Then when a State is selected, the City list will be retrieved.
What I am seeing:
When I select the State, the City request will be made, it returns, and the City data source IS populated. But when I click on the City drop down list, it is not responsive. I try and click on it, but it doesn't respond at all!
I've been screwing around with the code so much that I'm probably missing something, but any help at all would be greatly appreciated.
I also just downloaded the newest Kendo code.
Kendo: 2012.1.322
jquery-1.7.1.min.js
Chrome: 17.0.963.83
Sorry for another dropdown post that seems so much like the others, but I have spent hours trying to get this to work and for some reason it won't. All I am trying to do is have a dropdown for State and City. On open the State list will be retrieved. Then when a State is selected, the City list will be retrieved.
What I am seeing:
When I select the State, the City request will be made, it returns, and the City data source IS populated. But when I click on the City drop down list, it is not responsive. I try and click on it, but it doesn't respond at all!
I've been screwing around with the code so much that I'm probably missing something, but any help at all would be greatly appreciated.
I also just downloaded the newest Kendo code.
Kendo: 2012.1.322
jquery-1.7.1.min.js
Chrome: 17.0.963.83
var dsStates, dsCities ; $("#app").show(); getStates(); // wire up list view to available dbconn objects function getStates() { dsStates = new kendo.data.DataSource({ transport: { read: { url: "/infoburst/rest/exec/xdcqry/165?q=States", data: { json: "true" }, beforeSend: function(req) { // use IBE SessionManager "auth" req.setRequestHeader('Authorization', sm.auth()); } } }, error: function(e) { log("getStates error : " + e); } }); dsStates.read(); } function getCities(state) { dsCities = new kendo.data.DataSource({ transport: { read: { url: "/infoburst/rest/exec/xdcqry/165?q=Cities&State=" + "Arizona",//state, data: { json: "true" }, beforeSend: function(req) { // use IBE SessionManager "auth" req.setRequestHeader('Authorization', sm.auth()); } } }, change: function(e) { log("get cities info OK"); }, error: function(e) { log("getCities error : " + e); } }); dsCities.read(); } $("#states").kendoDropDownList({ optionLabel: "Select State...", dataTextField: "State", dataValueField: "State", dataSource: dsStates, change: function() { var value = this.value(); if (value) { getCities(value); $("#cities").data("kendoDropDownList").enable(); } else { $("#cities").data("kendoDropDownList").enable(false); } } }); $("#cities").kendoDropDownList({ autoBind: false, optionLabel: "Select City...", dataTextField: "City", dataValueField: "City", dataSource: dsCities, change: function() { var value = this.value(); }, error: function(e) { log("getCities error : " + e); } });
Karel
Top achievements
Rank 1
Rank 1
answered
on
08 Oct 2012
6 answers
784 views
Hi,
I found two issues when set a grid in popup edit mode.
1- When inserting, updating or deleting an item, the DataSourceRequest parameter doesn't have any of the filters that the grid have before the operation, and then the results aren't filtered. I checked the http post request, and the filter, sort and group are empty.
Here's the controller:
2- I've a custom editor template with a kendo dropdownlist, and when I insert a new item, the field come with '0' value, instead of the default '1'. To get this to work, I've to always select an item of the dropdownlist. Here's the dropdownlist in the editor template:
Eduardo
I found two issues when set a grid in popup edit mode.
1- When inserting, updating or deleting an item, the DataSourceRequest parameter doesn't have any of the filters that the grid have before the operation, and then the results aren't filtered. I checked the http post request, and the filter, sort and group are empty.
Here's the controller:
[AcceptVerbs(HttpVerbs.Post)] public virtual JsonResult Insert([DataSourceRequest] DataSourceRequest request) { var item = repository.CreateNew(); try { UpdateModel(item); repository.Add(item); unitOfWork.SaveChanges(); } catch (Exception err) { ... } return Json(repository.GetAll().ToDataSourceResult(request)); }
2- I've a custom editor template with a kendo dropdownlist, and when I insert a new item, the field come with '0' value, instead of the default '1'. To get this to work, I've to always select an item of the dropdownlist. Here's the dropdownlist in the editor template:
@(Html.Kendo() .DropDownListFor(c => c.ID_COIN) .BindTo(new SelectList((IEnumerable)ViewData["Coins"], "ID", "DESCRIPCTION", 1)))
Eduardo
Daniel
Telerik team
answered
on
08 Oct 2012
4 answers
205 views
Hi Everyone,
I just started using Kendo, and got a Grid and Menu set up OK, but when I try to use the ListView, I get the following error:
Object [object Object] has no method 'kendoListView'
The error occurs when the .js is first executing, so I'm not really doing anything yet, so I'm confused as to why this might be occuring.
Maybe there is something wrong in the build I have??
I'm new to this, so I'm not sure what else would be helpful to provide.
Thanks!
Code:
$("#listView").kendoListView({
template: "<li>${FirstName}</li>",
dataSource: {
data: [
{
FirstName: "Joe",
LastName: "Smith"
},
{
FirstName: "Jane",
LastName: "Smith"
}]
}
});
Trace:
Uncaught TypeError: Object [object Object] has no method 'kendoListView'
beginApp app.js:69
$.ajax.success IBE.js:170
jQuery.Callbacks.fire jquery.js:1049
jQuery.Callbacks.self.fireWith jquery.js:1167
done jquery.js:7408
jQuery.ajaxTransport.send.callback jquery.js:8192
OS: Windows 7
Browser: Chrome 17.0.963.78 m
Kendo UI v2011.3.1129
jQuery JavaScript Library v1.7.1
I just started using Kendo, and got a Grid and Menu set up OK, but when I try to use the ListView, I get the following error:
Object [object Object] has no method 'kendoListView'
The error occurs when the .js is first executing, so I'm not really doing anything yet, so I'm confused as to why this might be occuring.
Maybe there is something wrong in the build I have??
I'm new to this, so I'm not sure what else would be helpful to provide.
Thanks!
Code:
$("#listView").kendoListView({
template: "<li>${FirstName}</li>",
dataSource: {
data: [
{
FirstName: "Joe",
LastName: "Smith"
},
{
FirstName: "Jane",
LastName: "Smith"
}]
}
});
Trace:
Uncaught TypeError: Object [object Object] has no method 'kendoListView'
beginApp app.js:69
$.ajax.success IBE.js:170
jQuery.Callbacks.fire jquery.js:1049
jQuery.Callbacks.self.fireWith jquery.js:1167
done jquery.js:7408
jQuery.ajaxTransport.send.callback jquery.js:8192
OS: Windows 7
Browser: Chrome 17.0.963.78 m
Kendo UI v2011.3.1129
jQuery JavaScript Library v1.7.1
3 answers
186 views
There is sometimes a problem getting Jquery to work with DOM elements that are created from a Kendo template, The following jsfiddle example illustrates my problem: http://jsfiddle.net/billmcknight/G2Xr2/ I can get Jquery to find and fill a textbox when the dom is not created thru a Kendo template but not when it is. By all rights the Jquery function should work the same way, one would think, but when jquery looks here for a template-based input, it can't find it and update it. There are probably ViewModel ways to do this, but I am wondering what is the right way to make Jquery behave correctly?
