Hey folks,
i have a websocket delivers updates for my datasource. So if i get an update, i do a pushUpdate on the datasource an it is also displayed in my grid. But when i edit the specific dataItem i get the following error after clicking on "save". How do i fix this error or is there any workaround?
Thanks so far.
Chris
kendo.all.js:4571 Uncaught TypeError: i.wrap is not a function
at init (kendo.all.js:4571)
at init._checkValidity (kendo.all.js:22720)
at init.validateInput (kendo.all.js:22641)
at init._validate (kendo.all.js:40512)
at r.proxy (jquery-1.12.4.js:529)
at r.trigger (kendo.all.js:124)
at r.set (kendo.all.js:4637)
at r.set (kendo.all.js:4803)
at init.set (kendo.all.js:8280)
at init.change (kendo.all.js:8480)
var ObservableObject = Observable.extend({
init: function (value) {
var that = this, member, field, parent = function () {
return that;
};
Observable.fn.init.call(this);
this._handlers = {};
for (field in value) {
member = value[field];
if (typeof member === 'object' && member && !member.getTime && field.charAt(0) != '_') {
member = that.wrap(member, field, parent); //error here
}
that[field] = member;
}
that.uid = kendo.guid();
},
Hi, Dev Team!
I have two questions:
1. How i can hide "Clear" button?
2.How i can hide annoing ".00" after integer number in NumericTextBox field?
I've created a small grid from a remote data source, and it displays fine. Now I'm trying to add Excel and PDF exports. The PDF export works fine, but the Excel one only exports the column headings, no data. I've tried it with the toolbar buttons or the saveAsExcel function and gotten the same result.
I followed these two pages in particular:
http://demos.telerik.com/kendo-ui/grid/excel-export
http://telerikhelper.net/2014/12/30/simple-export-to-excel-from-your-data-grid-using-kendo-ui/
The process seems quite straightforward, so I'm not sure what I could be missing. Any ideas? Thank you!​​
Hi,
I'd like to implement remote group paging, as seen here: https://demos.telerik.com/kendo-ui/grid/grouppaging
Unfortunately, my API endpoint returns "dynamic" data via a stored procedure, rather than a consistent set of columns like api/customers, so I need to hand-code each grid READ request and return a properly formatted server-response that the grid will understand.
I need to know what kind of READ request "payloads" (i.e. the JSON data the grid will send to the server per the grid.dataSource.transport's read URL) the grid will send to the server, code an endpoint matching that "payload", and also format the endpoint's response based on the request.
Does anyone have an example of this? Does my question make sense?
Thanks!
Hi, I have a problem trying to populate my child dropdown. My parent dropdown is able to be populated but once I select it, my child dropdown is still empty. I feel like the problem is once i add in ".data("filterState")" it somehow breaks. My breakpoint is hit if I do not add .data but once I add that, my breakpoint doesn't hit my controller.
<td class="alignright">@Html.LabelFor(m => m.SchoolStateID, "State:", new { @class = "input-label" })</td>
<td colspan="1" style="text-align:left">
@(Html.Kendo().DropDownList()
.Name("SchoolState")
.HtmlAttributes(new { @class = "input-sm form-control" })
.OptionLabel("Select State")
.DataTextField("State")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetStateList", "Client");
});
})
.Enable(true)
.AutoBind(true)
)
</td>
</tr>
<tr>
<td class="alignright">@Html.LabelFor(m => m.CityID, "City:", new { @class = "input-label" })</td>
<td colspan="1" style="text-align:left">
@(Html.Kendo().DropDownList()
.Name("SchoolCity")
.HtmlAttributes(new { @class = "input-sm form-control" })
//.OptionLabel("Select City")
.DataTextField("City")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetCityList", "Client")
.Data("filterCity");
})
.ServerFiltering(true);
})
.Enable(false)
.AutoBind(false)
.CascadeFrom("SchoolState")
)
</td>
<script>
function filterCity() {
console.log($("#SchoolState").val());
return {
schoolstate: $("#SchoolState").val()
};
}
</script>
Hi,
I'm experimenting with the kendo Grid at the moment and have been creating something that creates a grid and sends a callback down a chain when the grid's dataBound event is fired. However, a problem that's arisen is there're multiple callbacks trying to link onto the callback event at different points in the chain, like so:
function
createGrid(gridOpt) {
return
new
Promise(
function
(resolve, reject) {
gridOpt.dataBound =
function
() { resolve(); };
$$gridElement.kendoGrid(gridOpt);
});
}
function
foo() {
var
gridOpt = getGridOpt();
createGrid(gridOpt).then(
function
() {
console.log(
'important thing 2'
);
});
}
function
getGridOpt() {
return
{
dataBound:
function
() {
console.log(
'important call 1'
);
},
//other grid stuff
};
}
However, this would mean that the second dataBound assignation would override the first.
After initialisationyou can bind events through $$gridElem.data('kendoGrid').bind('dataBound', function(){});
I can't use this in this case, as the dataBound event occurs directly after initialisation.
One option would simply be to check if there is already an existent function and create a wrapper function that will call both functions. This would work, but it's not exactly best practice, and I'm sure there's a way to do it properly and I just missed something.
Is there any way to bind multiple events to the grid before initialisation?